ko: Convert noteblocks to GFM Alerts (part 7) (#22764)

This PR converts the noteblocks for the Korean locale to GFM Alerts syntax, using a [conversion script](https://github.com/queengooborg/mdn-toolkit/blob/main/upgrade-noteblock.js). This is part 7. Note: manual adjustments have also been made to correct some issues, including capitalization, syntax, duplicated keywords and more.

files/ko/web/security/mixed_content/index.md

@@ -86,7 +86,8 @@ Firefox 23부터 혼합 액티브 콘텐츠는 기본적으로 차단됩니다(
 
 이 유형의 오류를 해결하려면, HTTP 콘텐츠에 대한 모든 요청을 제거하고 HTTPS를 통해 제공되는 콘텐츠로 대체해야 합니다. 몇 가지 일반적인 혼합 콘텐츠의 예로는 JavaScript 파일, 스타일 시트, 이미지, 동영상, 기타 미디어 등이 있습니다.
 
-> **참고:** 콘솔에는 혼합 표시 콘텐츠가 성공적으로 [HTTP에서 HTTPS로 업그레이드](#혼합_표시_리소스_업그레이드)되고 있는지 여부를 나타내는 메시지가 표시됩니다("Loading mixed (insecure) display content"이라는 경고 대신).
+> [!NOTE]
+> 콘솔에는 혼합 표시 콘텐츠가 성공적으로 [HTTP에서 HTTPS로 업그레이드](#혼합_표시_리소스_업그레이드)되고 있는지 여부를 나타내는 메시지가 표시됩니다("Loading mixed (insecure) display content"이라는 경고 대신).
 
 ## 같이 보기
 

files/ko/web/security/practical_implementation_guides/index.md

@@ -10,7 +10,8 @@ l10n:
 
 사이트 보안을 위해 할 수 있는 것은 많이 있습니다. 이 문서는 더 유용한 정보를 제공하는 다른 문서의 링크를 포함한 여러 가지 제안 사항을 제공합니다.
 
-> **참고:** 이 문서는 작성 중에 있어 완성되지 않았으며, 문서의 제안 사항을 따르더라도 사이트가 완전히 안전하다는 보장은 없습니다.
+> [!NOTE]
+> 이 문서는 작성 중에 있어 완성되지 않았으며, 문서의 제안 사항을 따르더라도 사이트가 완전히 안전하다는 보장은 없습니다.
 
 ## 사용자 정보 보안
 

files/ko/web/security/same-origin_policy/index.md

@@ -42,7 +42,8 @@ l10n:
 
 ## 출처 변경
 
-> **경고:** 여기에 설명된 접근 방식({{domxref("document.domain")}} setter 사용)은 동일 출처 정책에서 제공하는 보안 보호를 약화시키고 브라우저의 출처 모델을 복잡하게 하여 상호 운용성 문제와 보안 버그로 이어지기 때문에 더 이상 권장되지 않습니다.
+> [!WARNING]
+> 여기에 설명된 접근 방식({{domxref("document.domain")}} setter 사용)은 동일 출처 정책에서 제공하는 보안 보호를 약화시키고 브라우저의 출처 모델을 복잡하게 하여 상호 운용성 문제와 보안 버그로 이어지기 때문에 더 이상 권장되지 않습니다.
 
 페이지는 일부 제한 사항과 함께 자신의 출처를 변경할 수 있습니다. 스크립트는 {{domxref("document.domain")}}의 값을 현재 도메인 또는 현재 도메인의 상위 도메인으로 설정할 수 있습니다. 현재 도메인의 상위 도메인으로 설정하면 더 짧은 상위 도메인이 동일 출처 검사에 사용됩니다.
 
@@ -58,7 +59,8 @@ document.domain = "company.com";
 
 이 메커니즘에는 몇 가지 제한 사항이 있습니다. 예를 들어 [`document-domain`](/ko/docs/Web/HTTP/Headers/Permissions-Policy/document-domain) [`Permissions-Policy`](/ko/docs/Web/HTTP/Headers/Permissions-Policy)가 활성화되었거나, 문서가 샌드박스된 [`<iframe>`](/ko/docs/Web/HTML/Element/iframe)에 있는 경우 "`SecurityError`" [`DOMException`](/ko/docs/Web/API/DOMException)이 발생하며, 이러한 방식으로 출처를 변경하더라도 많은 Web API에서 사용되는 출처 확인에는 영향을 미치지 않습니다. (예: [`localStorage`](/ko/docs/Web/API/Window/localStorage), [`indexedDB`](/ko/docs/Web/API/IndexedDB_API), [`BroadcastChannel`](/ko/docs/Web/API/BroadcastChannel), [`SharedWorker`](/ko/docs/Web/API/SharedWorker)). 실패 사례의 전체 목록은 [Document.domain > Failures](/ko/docs/Web/API/Document/domain#failures)에서 찾을 수 있습니다.
 
-> **참고:** 하위 도메인이 상위 도메인에 액세스하도록 허용하기 위해 `document.domain`을 사용하는 경우 상위 도메인과 하위 도메인 모두에서 `document.domain`을 같은 값으로 설정해야 합니다. 이는 상위 도메인을 원래 값으로 다시 설정하는 경우에도 필요합니다. 이렇게 하지 않으면 권한 오류가 발생할 수 있습니다.
+> [!NOTE]
+> 하위 도메인이 상위 도메인에 액세스하도록 허용하기 위해 `document.domain`을 사용하는 경우 상위 도메인과 하위 도메인 모두에서 `document.domain`을 같은 값으로 설정해야 합니다. 이는 상위 도메인을 원래 값으로 다시 설정하는 경우에도 필요합니다. 이렇게 하지 않으면 권한 오류가 발생할 수 있습니다.
 
 ## 교차 출처 네트워크 접근
 

files/ko/web/security/secure_contexts/index.md

@@ -27,7 +27,8 @@ l10n:
 
 `http://127.0.0.1` URL, `http://localhost` 및 `http://*.localhost` URL(예: `http://dev.whatever.localhost/`) 그리고 `file://`과 같은 로컬에서 제공된 리소스도 안전하게 전달된 것으로 간주됩니다.
 
-> **참고:** Firefox 84 이상에서는 `http://localhost`와 `http://*.localhost` URL을 신뢰할 수 있는 원본으로 지원합니다(`localhost`가 로컬/루프백 주소로 매핑되는 것이 보장되지 않았기 때문에 이전 버전에서는 지원하지 않음).
+> [!NOTE]
+> Firefox 84 이상에서는 `http://localhost`와 `http://*.localhost` URL을 신뢰할 수 있는 원본으로 지원합니다(`localhost`가 로컬/루프백 주소로 매핑되는 것이 보장되지 않았기 때문에 이전 버전에서는 지원하지 않음).
 
 로컬이 아닌 리소스가 안전한 것으로 간주되려면 다음 기준을 충족해야 합니다.
 

files/ko/web/security/subresource_integrity/index.md

@@ -9,7 +9,8 @@ l10n:
 
 **하위 리소스 무결성**(SRI)은 브라우저가 가져온 리소스(예: [CDN](/ko/docs/Glossary/CDN)에서)가 예기치 않은 조작 없이 전달되었는지 검증하는 보안 기능입니다. 가져온 리소스와 일치해야 하는 암호 해시를 제공함으로써 작동합니다.
 
-> **참고:** 임베드된 문서 이외의 출처에서 제공되는 하위 리소스 무결성을 검증하기 위해, 브라우저는 추가로 [교차 출처 리소스 공유 (CORS)](/ko/docs/Web/HTTP/CORS)를 사용하여 리소스를 제공하는 출처가 요청 출처와 리소스를 공유할 수 있는지 확인합니다.
+> [!NOTE]
+> 임베드된 문서 이외의 출처에서 제공되는 하위 리소스 무결성을 검증하기 위해, 브라우저는 추가로 [교차 출처 리소스 공유 (CORS)](/ko/docs/Web/HTTP/CORS)를 사용하여 리소스를 제공하는 출처가 요청 출처와 리소스를 공유할 수 있는지 확인합니다.
 
 ## 하위 리소스 무결성이 어떻게 도움이 되는가?
 
@@ -33,7 +34,8 @@ sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC
 
 즉, `oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC`는 해시 부분이고, `sha384` 접두사는 sha384 해시임을 나타냅니다.
 
-> **참고:** 엄밀히 말해, `integrity` 값의 "해시" 부분은 어떤 입력(예: 스크립트 또는 스타일시트 파일)에 특정 해시 함수를 적용하여 형성된 **암호 다이제스트**입니다. 그러나 암호 다이제스트를 의미하기 위해 "해시"라는 단축어를 사용하는 것이 일반적이므로 이 문서에서도 그렇게 사용했습니다.
+> [!NOTE]
+> 엄밀히 말해, `integrity` 값의 "해시" 부분은 어떤 입력(예: 스크립트 또는 스타일시트 파일)에 특정 해시 함수를 적용하여 형성된 **암호 다이제스트**입니다. 그러나 암호 다이제스트를 의미하기 위해 "해시"라는 단축어를 사용하는 것이 일반적이므로 이 문서에서도 그렇게 사용했습니다.
 
 ### SRI 해시 생성 도구
 
@@ -68,7 +70,8 @@ pause
 3. 무결성 값을 선택하고 마우스 오른쪽 버튼을 클릭하여 클립보드에 복사합니다.
 4. 아무 키나 눌러 명령 상자를 닫습니다.
 
-> **참고:** 시스템에 OpenSSL이 설치되어 있지 않은 경우, [OpenSSL 프로젝트 웹 사이트](https://www.openssl.org)를 방문하여 다운로드와 설치에 대한 정보를 확인하십시오. OpenSSL 프로젝트 자체는 OpenSSL의 바이너리 배포판을 호스팅하지 않지만, 타사 배포판의 비공식 목록(https://wiki.openssl.org/index.php/Binaries)은 유지되고 있습니다.
+> [!NOTE]
+> 시스템에 OpenSSL이 설치되어 있지 않은 경우, [OpenSSL 프로젝트 웹 사이트](https://www.openssl.org)를 방문하여 다운로드와 설치에 대한 정보를 확인하십시오. OpenSSL 프로젝트 자체는 OpenSSL의 바이너리 배포판을 호스팅하지 않지만, 타사 배포판의 비공식 목록(https://wiki.openssl.org/index.php/Binaries)은 유지되고 있습니다.
 
 #### shasum 사용하기
 

files/ko/web/svg/attribute/cx/index.md

@@ -59,7 +59,8 @@ svg {
   </tbody>
 </table>
 
-> **Note:** SVG2 `cx`로 시작하는 것은 _기하학적 속성_ 입니다. 즉, 이 속성은 circle의 CSS 속성으로도 사용할 수 있습니다.
+> [!NOTE]
+> SVG2 `cx`로 시작하는 것은 _기하학적 속성_ 입니다. 즉, 이 속성은 circle의 CSS 속성으로도 사용할 수 있습니다.
 
 ## ellipse
 
@@ -82,7 +83,8 @@ svg {
   </tbody>
 </table>
 
-> **Note:** SVG2 `cx`로 시작하는 것은 _기하학적 속성_ 입니다. 이는 이 속성이 ellipse의 CSS 속성으로도 사용될 수 있음을 의미합니다.
+> [!NOTE]
+> SVG2 `cx`로 시작하는 것은 _기하학적 속성_ 입니다. 이는 이 속성이 ellipse의 CSS 속성으로도 사용될 수 있음을 의미합니다.
 
 ## radialGradient
 

files/ko/web/svg/attribute/shape-rendering/index.md

@@ -9,7 +9,8 @@ l10n:
 
 **`shape-rendering`** 특성은 경로, 원, 혹은 직사각형 모양을 렌더링할 때, 렌더러에게 어떤 절충안을 감수할지 힌트를 제공합니다.
 
-> **참고:** 프레젠테이션 특성에서는, `shape-rendering` 는 CSS 속성으로도 사용할 수 있습니다.
+> [!NOTE]
+> 프레젠테이션 특성에서는, `shape-rendering` 는 CSS 속성으로도 사용할 수 있습니다.
 
 다음 SVG 요소들을 사용하여 특성을 활용할 수 있습니다.
 

files/ko/web/svg/element/a/index.md

@@ -63,7 +63,8 @@ svg|a:active {
 
 {{EmbedLiveSample('Example', 100, 100)}}
 
-> **경고:** 이 요소는 [HTML의 `<a>` 요소](/ko/docs/Web/HTML/Element/a)와 태그 이름을 공유하므로 CSS 또는 {{domxref("Document.querySelector", "querySelector")}}로 `a`를 선택하면 잘못된 요소를 선택할 수 있습니다. 둘을 구분하려면 [@namespace 규칙](/ko/docs/Web/CSS/@namespace)을 사용해 보세요.
+> [!WARNING]
+> 이 요소는 [HTML의 `<a>` 요소](/ko/docs/Web/HTML/Element/a)와 태그 이름을 공유하므로 CSS 또는 {{domxref("Document.querySelector", "querySelector")}}로 `a`를 선택하면 잘못된 요소를 선택할 수 있습니다. 둘을 구분하려면 [@namespace 규칙](/ko/docs/Web/CSS/@namespace)을 사용해 보세요.
 
 ## 속성
 

files/ko/web/svg/element/circle/index.md

@@ -42,7 +42,8 @@ svg {
   - : 원주 전체 길이(사용자 단위).
     값 유형: [**\<number>**](/ko/docs/Web/SVG/Content_type#number) ; 기본 값: 없음; 에니메이션 가능: **예**
 
-> **참고:** SVG2부터 시작하여 `cx`, `cy`, 그리고 `r`는 기하학 속성입니다. 즉, 해당 속성을 해당 요소의 CSS 속성으로도 사용할 수 있습니다.
+> [!NOTE]
+> SVG2부터 시작하여 `cx`, `cy`, 그리고 `r`는 기하학 속성입니다. 즉, 해당 속성을 해당 요소의 CSS 속성으로도 사용할 수 있습니다.
 
 ### 전역 속성
 

files/ko/web/svg/element/ellipse/index.md

@@ -9,7 +9,8 @@ l10n:
 
 **`<ellipse>`** 요소는 중심 좌표와 x 및 y 반경을 기반으로 타원을 만드는 SVG 기본 모양입니다.
 
-> **참고:** 타원은 타원의 정확한 방향을 지정할 수 없지만,(예를 들어 45도 각도로 기울어진 타원을 그리려는 경우) {{SVGAttr("transform")}} 속성을 사용하여 회전할 수 있습니다.
+> [!NOTE]
+> 타원은 타원의 정확한 방향을 지정할 수 없지만,(예를 들어 45도 각도로 기울어진 타원을 그리려는 경우) {{SVGAttr("transform")}} 속성을 사용하여 회전할 수 있습니다.
 
 ## 예제
 
@@ -47,7 +48,8 @@ svg {
   - : 이 속성을 사용하면 경로의 총 길이를 사용자 단위로 지정할 수 있습니다.
     값 유형: [**\<number>**](/ko/docs/Web/SVG/Content_type#number) ; 기본 값: _none_; 에니메이션 가능: **예**
 
-> **참고:** SVG2부터 시작하여 `cx`, `cy`, `rx`, 그리고 `ry`는 기하학 속성입니다. 즉, 해당 속성을 해당 요소의 CSS 속성으로도 사용할 수 있습니다.
+> [!NOTE]
+> SVG2부터 시작하여 `cx`, `cy`, `rx`, 그리고 `ry`는 기하학 속성입니다. 즉, 해당 속성을 해당 요소의 CSS 속성으로도 사용할 수 있습니다.
 
 ### 전역 속성
 

files/ko/web/svg/element/rect/index.md

@@ -55,7 +55,8 @@ svg {
   - : 직사각형 둘레의 총 길이(사용자 단위).
     값 유형: [**\<number>**](/ko/docs/Web/SVG/Content_type#number) ; 기본 값: 없음; 애니메이션 가능: **예**
 
-> **참고:** SVG2부터 시작하여 `x`, `y`, `width`, `height`, `rx` 그리고 `ry`는 기하학 속성입니다. 즉, 해당 속성을 해당 요소의 CSS 속성으로도 사용할 수 있습니다.
+> [!NOTE]
+> SVG2부터 시작하여 `x`, `y`, `width`, `height`, `rx` 그리고 `ry`는 기하학 속성입니다. 즉, 해당 속성을 해당 요소의 CSS 속성으로도 사용할 수 있습니다.
 
 ### 전역 속성
 

files/ko/web/svg/tutorial/index.md

@@ -9,7 +9,8 @@ slug: Web/SVG/Tutorial
 
 본 튜토리얼의 목적은 SVG 내부 구조를 설명하는 데 있으며, 기술적인 세부 사항을 다룹니다. 만약 그저 아름다운 이미지를 그리려고 한다면, [Inkscape's documentation page](http://inkscape.org/doc/)에서 더 많은 유용한 소스들을 찾을 수 있습니다. SVG에 관한 또 다른 소개는 W3C의 [SVG Primer](http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html)에서 제공됩니다.
 
-> **참고:** 본 튜토리얼은 개발 초기 단계에 있습니다. 가능하다면, 본 문서 작성에 참여하여, 한 두 단락을 작성하여 도움을 주기 바랍니다. 한 페이지 전체를 작성한다면 더욱 좋습니다!
+> [!NOTE]
+> 본 튜토리얼은 개발 초기 단계에 있습니다. 가능하다면, 본 문서 작성에 참여하여, 한 두 단락을 작성하여 도움을 주기 바랍니다. 한 페이지 전체를 작성한다면 더욱 좋습니다!
 
 ##### SVG 소개 목록
 

files/ko/web/svg/tutorial/paths/index.md

@@ -171,7 +171,8 @@ slug: Web/SVG/Tutorial/Paths
 
 이 축약 명령어는 이전에 사용한 제어점으로부터 새로운 제어점을 만들어낸다. 즉, 처음에 제어점 하나만을 기술하면 끝점만을 계속 이어서 꽤 복잡한 도형을 만들 수 있다.
 
-> **참고:** Q나 T 명령어 다음에 올 때만 적용된다. 그렇지 않을 경우 제어점은 시작점의 좌표로 간주되며, 직선만 그릴 수 있게 된다.
+> [!NOTE]
+> Q나 T 명령어 다음에 올 때만 적용된다. 그렇지 않을 경우 제어점은 시작점의 좌표로 간주되며, 직선만 그릴 수 있게 된다.
 
 ![](shortcut_quadratic_bézier_with_grid.png)
 

files/ko/web/xml/parsing_and_serializing_xml/index.md

@@ -90,7 +90,8 @@ var sPrettyXML = XML(oSerializer.serializeToString(doc)).toXMLString();
 
 들여쓰기는 두 번 스페이스가 들어간 것과 같게 되어 있습니다. 좀 더 효율적인 코드를 작성하거나 들여쓰기 문자열을 임의로 설정하고 싶다면 {{ domxref("treeWalker") }}를 사용하십시오.
 
-> **참고:** E4X `toXMLString` 메소드를 쓴다면, **CDATA 요소가 없어지거나**, 요소 안에 담긴 텍스트만 남을 수 있습니다. 그러므로 만약 XML 내에 CDATA 요소가 들어 있다면, 위에 나온 메소드는 그다지 유용하지 않을 수도 있습니다.
+> [!NOTE]
+> E4X `toXMLString` 메소드를 쓴다면, **CDATA 요소가 없어지거나**, 요소 안에 담긴 텍스트만 남을 수 있습니다. 그러므로 만약 XML 내에 CDATA 요소가 들어 있다면, 위에 나온 메소드는 그다지 유용하지 않을 수도 있습니다.
 
 ```xml
 <content><![CDATA[This is the content]]></content>

files/ko/webassembly/c_to_wasm/index.md

@@ -63,7 +63,8 @@ Emscripten SDK를 설치하기 위해, 아래 설명을 참고하세요.
 
 이제 WebAssembly를 지원하는 브라우저에서 `hello.html`을 로드해야합니다. Firefox 52, Chrome 57, Edge 57, Opera 44에서 기본적으로 활성화됩니다.
 
-> **참고:** 생성된 HTML 파일 (`hello.html`) 을 로컬 하드 드라이브(예: `file://your_path/hello.html`)에서 직접 열려고 하면 오류가 발생합니다(`Wasm의 동기, 비동기 가져오기가 모두 실패했습니다`라는 메시지가 표시됩니다). HTTP 서버(`http://`)로 HTML 파일을 실행해야 합니다. [로컬 테스팅 서버를 설정하는 방법](/ko/docs/Learn/Common_questions/Tools_and_setup/set_up_a_local_testing_server)을 참고하세요.
+> [!NOTE]
+> 생성된 HTML 파일 (`hello.html`) 을 로컬 하드 드라이브(예: `file://your_path/hello.html`)에서 직접 열려고 하면 오류가 발생합니다(`Wasm의 동기, 비동기 가져오기가 모두 실패했습니다`라는 메시지가 표시됩니다). HTTP 서버(`http://`)로 HTML 파일을 실행해야 합니다. [로컬 테스팅 서버를 설정하는 방법](/ko/docs/Learn/Common_questions/Tools_and_setup/set_up_a_local_testing_server)을 참고하세요.
 
 모든 것이 계획대로 작동했다면, Emscripten 콘솔의 "Hello world" 출력이 웹 페이지와 브라우저의 JavaScript 콘솔에 나타나야 합니다. 축하합니다. WebAssembly로 C를 컴파일하고 브라우저에서 실행했습니다!
 ![image](helloworld.png)

files/ko/webassembly/concepts/index.md

@@ -26,7 +26,8 @@ WebAssembly는 [W3C WebAssembly 커뮤니티 그룹](https://www.w3.org/communit
 - 안전함을 유지할 것 - WebAssembly는 샌드박싱된 실행환경에서 안전하게 돌아갈 수 있도록 설계되었습니다. 웹상의 다른 코드와 마찬가지로, WebAssembly 코드도 브라우저의 동일한 출처(same-origin)와 권한정책을 지켜야합니다.
 - 웹을 망가뜨리지 않을 것 - WebAssembly는 다른 웹 기술과 마찰없이 사용되면서 하위호환성을 관리할 수 있도록 설계되었습니다.
 
-> **참고:** WebAssembly는 웹과 JavaScript 환경 밖에서도 사용될 것입니다([Non-web embeddings](http://webassembly.org/docs/non-web/)를 참고해주세요).
+> [!NOTE]
+> WebAssembly는 웹과 JavaScript 환경 밖에서도 사용될 것입니다([Non-web embeddings](http://webassembly.org/docs/non-web/)를 참고해주세요).
 
 ## WebAssembly는 웹 플랫폼에 어떻게 적용될까요?
 
@@ -97,7 +98,8 @@ Emscripten 도구는 거의 모든 C/C++ 소스코드를 가져와서 wasm 모
 2. Emscripten이 clang+LLVM의 컴파일 결과를 Wasm 바이너리로 변환합니다.
 3. 현재 WebAssembly는 자체적으로 DOM에 바로 접근할 수가 없습니다. 정수나 부동 소수점 기초 데이터 타입을 단지 JavaScript를 호출할 수 있습니다. 따라서, 웹 API에 접근하려면 WebAssembly는 JavaScript를 호출한 다음 웹 API를 호출해야 합니다. 따라서 Emscripten은 이걸 달성하는 데 필요한 HTML과 JavaScript 접착제 코드를 같이 생성합니다.
 
-> **참고:** 나중에는 [WebAssembly가 웹 API를 바로 호출하도록 허용](http://webassembly.org/docs/gc/)하게 만들 계획입니다.
+> [!NOTE]
+> 나중에는 [WebAssembly가 웹 API를 바로 호출하도록 허용](http://webassembly.org/docs/gc/)하게 만들 계획입니다.
 
 JavaScript 접착제 코드가 아마 여러분이 상상하는 것만큼 간단하지 않습니다. 우선 Emscripten은 [SDL](https://en.wikipedia.org/wiki/Simple_DirectMedia_Layer), [OpenGL](https://en.wikipedia.org/wiki/OpenGL), [OpenAL](https://en.wikipedia.org/wiki/OpenAL), [POSIX](https://en.wikipedia.org/wiki/POSIX)의 일부와 같은 널리 사용되는 C/C++ 라이브러리를 구현합니다. 이 라이브러리는 웹 API 위에서 구현돼야하기 때문에, 기저를 이루는 웹 API에 WebAssembly를 연결시키기 위한 JavaScript 접착제 코드가 각각의 라이브러리에 있어야 합니다.