From 8d1f87a1588e52faf0ef11d44a663727acbfab25 Mon Sep 17 00:00:00 2001
From: taggon <gonom9@gmail.com>
Date: Wed, 20 Oct 2021 22:05:38 +0900
Subject: [PATCH 1/2] Translate: CodeEditor and CodeExample

---
 src/components/CodeEditor/CodeEditor.js   | 13 ++++++-------
 src/components/CodeExample/CodeExample.js |  2 +-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 881865bca..8b763940d 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -62,12 +62,11 @@ class CodeEditor extends Component {
     if (showBabelErrorMessage) {
       errorMessage = (
         <span>
-          Babel could not be loaded.
+          Babel을 로드할 수 없습니다.
           <br />
           <br />
-          This can be caused by an ad blocker. If you're using one, consider
-          adding reactjs.org to the whitelist so the live code examples will
-          work.
+          광고 차단기가 문제의 원인일 수 있습니다. 광고 차단기를 사용하고 있다면
+          라이브 코드 예제가 잘 동작할 수 있도록 reactjs.org를 화이트 리스트에 추가해주세요.
         </span>
       );
     } else if (error != null) {
@@ -105,7 +104,7 @@ class CodeEditor extends Component {
                 color: colors.white,
               }}>
               <MetaTitle onDark={true}>
-                Live JSX Editor
+                라이브 JSX 에디터
                 <label
                   css={{
                     fontSize: 14,
@@ -175,7 +174,7 @@ class CodeEditor extends Component {
                   cssProps={{
                     color: colors.white,
                   }}>
-                  Error
+                  에러
                 </MetaTitle>
               </div>
               <pre
@@ -206,7 +205,7 @@ class CodeEditor extends Component {
                   padding: '0 10px',
                   backgroundColor: colors.divider,
                 }}>
-                <MetaTitle>Result</MetaTitle>
+                <MetaTitle>결과</MetaTitle>
               </div>
               <div
                 id={containerNodeID}
diff --git a/src/components/CodeExample/CodeExample.js b/src/components/CodeExample/CodeExample.js
index 6bb7e1ab5..07373f350 100644
--- a/src/components/CodeExample/CodeExample.js
+++ b/src/components/CodeExample/CodeExample.js
@@ -74,7 +74,7 @@ class CodeExample extends Component<Props> {
         {loaded ? (
           <CodeEditor code={code} containerNodeID={containerNodeID} />
         ) : (
-          <h4>Loading code example...</h4>
+          <h4>코드 예제를 읽어 들이는 중...</h4>
         )}
       </div>
     );

From db88f8e9e75c396ce1d572e926b3bed9a497db88 Mon Sep 17 00:00:00 2001
From: taggon <gonom9@gmail.com>
Date: Wed, 20 Oct 2021 23:33:36 +0900
Subject: [PATCH 2/2] Prettier CodeEditor.js

---
 src/components/CodeEditor/CodeEditor.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/CodeEditor/CodeEditor.js b/src/components/CodeEditor/CodeEditor.js
index 8b763940d..6e9ba9fd5 100644
--- a/src/components/CodeEditor/CodeEditor.js
+++ b/src/components/CodeEditor/CodeEditor.js
@@ -66,7 +66,8 @@ class CodeEditor extends Component {
           <br />
           <br />
           광고 차단기가 문제의 원인일 수 있습니다. 광고 차단기를 사용하고 있다면
-          라이브 코드 예제가 잘 동작할 수 있도록 reactjs.org를 화이트 리스트에 추가해주세요.
+          라이브 코드 예제가 잘 동작할 수 있도록 reactjs.org를 화이트 리스트에
+          추가해주세요.
         </span>
       );
     } else if (error != null) {