ko: Convert callouts to GFM Alerts style

mdn · Jul 30, 2024 · 6a3ffd9 · 6a3ffd9
1 parent cb3ac07
commit 6a3ffd9
Show file tree

Hide file tree

Showing 11 changed files with 23 additions and 18 deletions.
diff --git a/files/ko/learn/html/introduction_to_html/index.md b/files/ko/learn/html/introduction_to_html/index.md
@@ -15,9 +15,9 @@ l10n:
 
 > **참고:** 혹시, 파일을 생성하기 힘든 컴퓨터/테블릿 혹은 다른 기기에서 작업한다면, [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) 이나 [Glitch](https://glitch.com/) 같은 온라인 코딩 프로그램을 이용하여 대부분의 코드 예제를 작성해 볼 수 있습니다.
 
-> **알림:**
+> [!CALLOUT]
 >
-> #### 웹 프론트엔드 개발자가 되고싶나요?
+> 웹 프론트엔드 개발자가 되고싶나요?
 >
 > 목표를 위해 노력하는 데 필요한 모든 필수 정보를 포함하는 코스를 구성했습니다.
 >

diff --git a/files/ko/learn/index.md b/files/ko/learn/index.md
@@ -11,9 +11,9 @@ MDN 학습지의 목표는 여러분을 "전문가"로 만드는 것이 아니
 
 웹 개발이 완전 처음이시라면 시작이 다소 어려우실 수 있습니다. 저희가 이끌어드리면서 주제와 충분히 친숙해지고, 제대로 익히실 수 있도록 상세하게 알려드리겠습니다. 독학이나 강의로 웹 개발을 배우는 학생, 교육 자료를 찾고 계시는 선생님, 취미로 웹 개발을 알아보시는 분, 그저 웹 기술의 동작 원리를 알아보고 싶으신 분 모두 편하게 보실 수 있을거예요.
 
-> **알림:**
+> [!CALLOUT]
 >
-> #### 프런트엔드 웹 개발자가 되고자 하시나요?
+> 프런트엔드 웹 개발자가 되고자 하시나요?
 >
 > 목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.
 >

diff --git a/files/ko/learn/javascript/asynchronous/index.md b/files/ko/learn/javascript/asynchronous/index.md
@@ -9,9 +9,9 @@ l10n:
 
 이 과정에서 우리는 {{Glossary("asynchronous")}} {{Glossary("JavaScript")}}와 이것이 중요한 이유, 서버에서 리소스를 가져오는 것과 같은 잠재적 블로킹 연산을 어떻게 효과적으로 다룰 수 있을지에 대해 살펴봅니다.
 
-> **Callout:**
+> [!CALLOUT]
 >
-> #### 프론트엔드 웹 개발자가 되고싶으신가요?
+> 프론트엔드 웹 개발자가 되고싶으신가요?
 >
 > 목표를 향해 나아가기 위해 필요한 모든 필수 정보를 포함한 교육과정을 준비했습니다.
 >

diff --git a/files/ko/learn/javascript/building_blocks/index.md b/files/ko/learn/javascript/building_blocks/index.md
@@ -7,7 +7,8 @@ slug: Learn/JavaScript/Building_blocks
 
 이번 과정에서는 조건문, 반복문, 함수, 이벤트 등 일반적으로 발생하는 코드 종류를 중심으로 JavaScript의 중요한 기본 기능에 대해 설명합니다. 지금까지의 과정을 지나면서 여기서 다룰 내용을 살짝 보셨겠지만 좀 더 심도있게 다룰 것입니다.
 
-> **알림:** #### 프론트엔드 웹 개발자가 되기를 생각해보고 계신가요?저희는 여러분의 목표를 향해 공부할 필요가 있는 모든 필수적인 정보를 담고 있는 코스를 준비해 놓았습니다.[**시작하기**](/ko/docs/Learn/Front-end_web_developer)
+> [!CALLOUT]
+> 프론트엔드 웹 개발자가 되기를 생각해보고 계신가요?저희는 여러분의 목표를 향해 공부할 필요가 있는 모든 필수적인 정보를 담고 있는 코스를 준비해 놓았습니다.[**시작하기**](/ko/docs/Learn/Front-end_web_developer)
 
 ## 필요한 사전 지식
 

diff --git a/files/ko/learn/javascript/first_steps/index.md b/files/ko/learn/javascript/first_steps/index.md
@@ -9,9 +9,9 @@ l10n:
 
 우리의 첫 번째 JavaScript 과정에서는, 현실적인 첫 JavaScript 예제 작성에 앞서 "JavaScript란 뭘까", "JavaScript는 어떻게 생겼을까", "JavaScript는 뭘 할 수 있을까"와 같은 핵심적인 질문에 답을 하겠습니다. 그다음으로는 변수, 문자열, 숫자, 배열과 같은 핵심 개념을 자세히 논의해 보겠습니다.
 
-> **알림:**
+> [!CALLOUT]
 >
-> #### 프론트엔드 웹 개발자가 되고자 하시나요?
+> 프론트엔드 웹 개발자가 되고자 하시나요?
 >
 > 목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.
 >

diff --git a/files/ko/learn/javascript/first_steps/test_your_skills_colon__variables/index.md b/files/ko/learn/javascript/first_steps/test_your_skills_colon__variables/index.md
@@ -25,7 +25,7 @@ slug: Learn/JavaScript/First_steps/Test_your_skills:_variables
 
 {{EmbedGHLiveSample("learning-area/javascript/introduction-to-js-1/tasks/variables/variables1.html", '100%', 400)}}
 
-> **알림:**
+> [!CALLOUT]
 >
 > [Download the starting point for this task](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/tasks/variables/variables1-download.html) to work in your own editor or in an online editor.
 
@@ -37,7 +37,7 @@ slug: Learn/JavaScript/First_steps/Test_your_skills:_variables
 
 {{EmbedGHLiveSample("learning-area/javascript/introduction-to-js-1/tasks/variables/variables2.html", '100%', 400)}}
 
-> **알림:**
+> [!CALLOUT]
 >
 > [Download the starting point for this task](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/tasks/variables/variables2-download.html) to work in your own editor or in an online editor.
 
@@ -49,7 +49,7 @@ slug: Learn/JavaScript/First_steps/Test_your_skills:_variables
 
 {{EmbedGHLiveSample("learning-area/javascript/introduction-to-js-1/tasks/variables/variables3.html", '100%', 400)}}
 
-> **알림:**
+> [!CALLOUT]
 >
 > [Download the starting point for this task](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/tasks/variables/variables3-download.html) to work in your own editor or in an online editor.
 

diff --git a/files/ko/learn/javascript/objects/index.md b/files/ko/learn/javascript/objects/index.md
@@ -7,7 +7,8 @@ slug: Learn/JavaScript/Objects
 
 JavaScript에서는 배열과같은 기능부터 JavaScript 위에 구축된 브라우저 {{Glossary("API", "APIs")}}에 이르기까지 대부분의 것들이 객체입니다. 사용자는 관련된 함수들과 변수들을 효율적인 패키지로 추상화하거나 편리한 데이터 컨테이너로 작동하는 객체를 만들 수 있습니다. 언어에 대한 지식을 가지고 더 멀리 나아고자 한다면 JavaScript의 객체 기반의 본질을 이해하는 것이 중요하므로, 여러분을 돕기위해 이 모듈을 제공하였습니다. 여기에서는 객체 이론과 구문을 자세히 가르쳐드리며, 사용자 정의 객체를 만드는 방법도 알아볼 것입니다.
 
-> **알림:** #### 프론트엔드 웹 개발자가 되고자 하시나요?목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.[**시작하기**](/ko/docs/Learn/Front-end_web_developer)
+> [!CALLOUT]
+> 프론트엔드 웹 개발자가 되고자 하시나요?목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.[**시작하기**](/ko/docs/Learn/Front-end_web_developer)
 
 ## 사전 지식
 

diff --git a/files/ko/learn/tools_and_testing/client-side_javascript_frameworks/index.md b/files/ko/learn/tools_and_testing/client-side_javascript_frameworks/index.md
@@ -26,7 +26,8 @@ JavaScript 프레임워크는 최신 프론트엔드 웹 개발의 필수 부분
 
 결과적으로 코드는 더욱 풍부해지고 전문적이게 될 것이며, 프레임워크가 구축하고 있는 근본적인 웹 플랫폼 기능을 이해한다면 보다 확실하게 문제를 해결할 수 있을 겁니다.
 
-> **알림:** ### 프론트 개발자가 되고 싶으신가요?목표를 달성하는데 필요한 모든 필수 정보가 포함 된 과정을 구성했습니다.[시작하기](/ko/docs/Learn/Front-end_web_developer)
+> [!CALLOUT]
+> 프론트 개발자가 되고 싶으신가요?목표를 달성하는데 필요한 모든 필수 정보가 포함 된 과정을 구성했습니다.[시작하기](/ko/docs/Learn/Front-end_web_developer)
 
 ## 입문 가이드
 

diff --git a/files/ko/web/css/index.md b/files/ko/web/css/index.md
@@ -32,7 +32,8 @@ CSS3 이후, CSS 명세의 범위가 엄청나게 넓어짐에 따라 여러 CSS
   - : MDN의 [CSS 전체 참고서](/ko/docs/Web/CSS/Reference)는 숙련된 개발자를 위해 CSS의 모든 속성과 개념의
     설명을 제공합니다.
 
-> **알림:** #### 프런트엔드 웹 개발자가 되고자 하시나요?목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.[**시작하기**](/ko/docs/Learn/Front-end_web_developer)
+> [!CALLOUT]
+> 프런트엔드 웹 개발자가 되고자 하시나요?목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.[**시작하기**](/ko/docs/Learn/Front-end_web_developer)
 
 ## 자습서
 

diff --git a/files/ko/web/html/index.md b/files/ko/web/html/index.md
@@ -27,9 +27,9 @@ HTML 요소는 "태그"를 사용해서 문서의 다른 텍스트와 구분합
 - HTML 참고서
   - : 방대한 [HTML 참고서](/ko/docs/Web/HTML/Reference)에서는 HTML을 구성하는 모든 요소와 특성의 자세한 설명을 볼 수 있습니다.
 
-> **알림:**
+> [!CALLOUT]
 >
-> #### 프런트엔드 웹 개발자가 되고자 하시나요?
+> 프런트엔드 웹 개발자가 되고자 하시나요?
 >
 > 목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.
 >

diff --git a/files/ko/web/javascript/reference/strict_mode/index.md b/files/ko/web/javascript/reference/strict_mode/index.md
@@ -5,7 +5,8 @@ slug: Web/JavaScript/Reference/Strict_mode
 
 {{JsSidebar("More")}}
 
-> **Callout:** 가끔 엄격하지 않은 기본값을 " **[느슨한 모드](/ko/docs/Glossary/Sloppy_mode)**(sloppy mode)"라고 부르기도 합니다. 공식적인 용어는 아니지만 혹시 모르니 알아두세요.
+> [!CALLOUT]
+> 가끔 엄격하지 않은 기본값을 " **[느슨한 모드](/ko/docs/Glossary/Sloppy_mode)**(sloppy mode)"라고 부르기도 합니다. 공식적인 용어는 아니지만 혹시 모르니 알아두세요.
 
 [ECMAScript 5](http://www.ecma-international.org/publications/standards/Ecma-262.htm) 에서 소개된 JavaScript 의 엄격모드는 JavaScript 의 제한된 버전을 선택하여 암묵적인 "**[느슨한 모드](/ko/docs/Glossary/Sloppy_mode)**(sloppy mode)" 를 해제하기 위한 방법입니다. 엄격 모드는 단지 부분적인 것이 아니며, 이것은 _고의적으로_ 일반 코드와 다른 시멘틱을 가지고 있습니다. 엄격모드를 지원하지 않는 브라우저에서는 엄격 모드의 코드가 다른 방식으로 동작할 것입니다, 그 때문에 엄격 모드가 적절하게 적용된 피쳐 테스트 없이 엄격 모드에 의존하면 안됩니다. 엄격 모드의 코드와 비-엄격 모드의 코드는 공존할 수 있으며, 때문에 스크립트의 엄격 모드를 취사 선택하는 것이 점진적으로 가능하게 되었습니다.