merge the main to local

src/components/InteractiveArea.tsx

@@ -144,6 +144,14 @@ const InteractiveArea = ({ isShow, setIsOpenModal }: Props) => {
     applyRegex(e.target.value, flags);
   };
 
+  const onFocus = e => {
+    if (data.readOnly) {
+        return;
+    }
+
+    onChange(e);
+  }
+
   const focusInput = () => {
     regexInput?.current?.focus();
   };
@@ -254,7 +262,7 @@ const InteractiveArea = ({ isShow, setIsOpenModal }: Props) => {
             readOnly={data.readOnly}
             value={data.visibleRegex || regex}
             onChange={onChange}
-            onFocus={onChange}
+            onFocus={onFocus}
             placeholder={placeholder}
             spellCheck={false}
           />

src/localization/es/learn.json

@@ -158,6 +158,6 @@
   "steps.lazyMatching.title": "Coincidencia perezosa",
   "steps.lazyMatching.description": "El emparejamiento perezoso, a diferencia del emparejamiento codicioso, se detiene en el primer emparejamiento. Por ejemplo, en el siguiente ejemplo, agregue un `?` después de `*` para encontrar la primera coincidencia que termine con la letra `r` y esté precedida por cualquier carácter. Significa que esta coincidencia se detendrá en la primera letra `r`.",
 
-  "steps.completeAllSteps.title": "Felicitaciones has completado todos los pasos.",
+  "steps.completeAllSteps.title": "Felicitaciones, has completado todos los pasos.",
   "steps.completeAllSteps.description": "Puede volver a los pasos anteriores cuando lo desee, y puede navegar fácilmente a través de todos los pasos que ha pasado."
 }

src/localization/fr/learn.json

@@ -114,7 +114,7 @@
   "steps.withoutWordCharacter.description": "L'expression `\\W` est utilisée pour trouver des caractères autres que des lettres, des chiffres et des caractères de soulignement.",
 
   "steps.numberCharacter.title": "Caractère numérique `\\d`",
-  "steps.numberCharacter.description": "`\\d` is used to find only number characters.",
+  "steps.numberCharacter.description": "`\\d` est utilisé pour trouver uniquement les caractères numériques.",
 
   "steps.withoutNumberCharacter.title": "Except Number Character `\\D`",
   "steps.withoutNumberCharacter.description": "`\\D` est utilisé pour trouver uniquement les caractères numériques.",

src/localization/ko/general.json

@@ -29,8 +29,8 @@
 
   "page.landing.description": "RegEx를 상호작용하며 배우고 당신의 level에 맞추어 실험, 연습하고 당신만의 RegEX를 공유하세요.",
   "page.learn.description": "RegEX를 차근차근 배우세요. 튜토리얼을 마치면 좀 더 이해하기 쉽고 용이할 것입니다.",
-  "page.cheatsheet.description": "가끔 RegEx를 기억할 필요가 있습니다. cheatsheet를 시도해보세요. 당신을 이해하기 쉽고 오래 기억하게 해줄 것입니다.",
+  "page.cheatsheet.description": "가끔 RegEx를 기억할 필요가 있습니다. cheatsheet를 시도해보세요. 더욱 쉽게 이해하고 기억할 수 있을 것입니다.",
   "page.playground.description": "Playground를 통해 온라인으로 정규식 패턴을 쉽게 빌드하고 테스트할 수 있습니다.",
 
-  "learn.safari.unsupportWarning": "Regular expressionsare 단계는 Safari 브라우저 지원을 받지 않습니다. 이 단계 이전에 문제가 있다면 여기를 클릭해주세요."
+  "learn.safari.unsupportWarning": "Regular expressionsare 단계는 Safari 브라우저를 지원하지 않습니다. 이 단계에서 문제가 있다면 여기를 클릭해주세요."
 }

src/localization/ko/landing.json

@@ -1,26 +1,26 @@
 {
   "landing.title": "RegEx를 처음부터 차근차근 배우세요.",
-  "landing.description": "RegEx 을 배우는 것은 생각보다 쉽습니다. 당신은 RegEx 를 쉽게 `배우고`, `연습하고`, `실험해보고` 그리고 `나눌 수` 있습니다.",
+  "landing.description": "RegEx를 배우는 것은 생각보다 쉽습니다. 당신은 RegEx를 쉽게 `배우고`, `연습하고`, `실험해보고` 그리고 `나눌 수` 있습니다.",
   "landing.imageAltText": "",
 
   "section.learn.title": "학습하기",
-  "section.learn.content": "`Regular Expressions`, 축약해서 RegEx 혹은 RegExp 로 불리며, RegEx 구문 규칙 프레임워크안에서 생성된 문자열입니다. RegEx와 함께 검색,매칭,편집 명령어를 이용하여 데이터를 쉽게 관리하고 처리할수 있습니다. Regex는 Python, SQL, Javascript, R, Google Analytics, Google Data Studio와 같은 모든 코딩 프로세스 프로그래밍 언어안에서 사용될 수 있습니다. 지금 당장 RegexLearn에서 예제와 튜토리얼을 통해 regex를 배우세요.",
+  "section.learn.content": "`Regular Expressions`, 축약해서 RegEx 혹은 RegExp 로 불리며, RegEx 구문 규칙 프레임워크안에서 생성된 문자열입니다. RegEx와 함께 검색,매칭,편집 명령어를 이용하여 데이터를 쉽게 관리하고 처리할 수 있습니다. Regex는 Python, SQL, Javascript, R, Google Analytics, Google Data Studio와 같은 모든 코딩 프로세스 프로그래밍 언어 안에서 사용할 수 있습니다. RegexLearn에서 예제와 튜토리얼을 통해 regex를 배워보세요.",
   "section.learn.imageAltText": "",
 
   "section.cheatsheet.button": "지금 리뷰하기",
   "section.cheatsheet.title": "Cheatsheet",
-  "section.cheatsheet.content": "하나의 페이지안에서 `RegexLearn Cheatsheet`로 모든 사용법을 알 수 있습니다.  RegEx cheat sheet과 함께 모든 RegEx 패턴과 기호를 찾아보세요.",
+  "section.cheatsheet.content": "`RegexLearn Cheatsheet` 페이지 하나로 모든 사용법을 알 수 있습니다.  RegEx cheat sheet에서 모든 RegEx 패턴과 기호를 찾아보세요.",
   "section.cheatsheet.imageAltText": "",
 
   "section.playground.title": "Playground",
   "section.playground.content": "Regex를 생성하려면 Playground를 통해 Regex 패턴을 쉽게 빌드하고 테스트할 수 있습니다. 정규식 테스터는 공동 작업을 위해 정규식을 검증하고 다른 사람들과 공유할 수 있습니다.",
   "section.playground.imageAltText": "",
 
   "section.practice.title": "실습",
-  "section.practice.content": "학습 부분을 완료했다면 이제 연습할 시간입니다! 연습 섹션에서는 레벨에 따라 RegEx 튜토리얼을 통해 RegEx 지식과 연습을 테스트할 수 있습니다. 곧.",
+  "section.practice.content": "학습하기를 완료했다면 이제 연습할 시간입니다! 연습 섹션에서는 RegEx 레벨 기반의 튜토리얼을 통해 RegEx 지식과 연습을 테스트할 수 있습니다.",
   "section.practice.imageAltText": "",
 
   "section.opensource.title": "오픈 소스",
-  "section.opensource.content": "Regex 배우기는 자유롭게 이용 가능하고 모든 커뮤니티의 contributions을 환영하는 오픈소스 프로젝트입니다. 이 프로젝트를 통해 능력을 연마하고 공부하고 협업할 수 있습니다.  여기서 contribute & support 할 수 있습니다.",
+  "section.opensource.content": "Regex 배우기는 자유롭게 이용 가능하고 모든 커뮤니티의 contributions을 환영하는 오픈소스 프로젝트입니다. 이 프로젝트를 통해 스킬을 공부하며 협업할 수 있습니다.  여기서 contribute & support 할 수 있습니다.",
   "section.opensource.imageAltText": ""
 }