diff --git a/files/ko/web/security/mixed_content/index.md b/files/ko/web/security/mixed_content/index.md
index e977246b7484fc..064c1cfc26f3a0 100644
--- a/files/ko/web/security/mixed_content/index.md
+++ b/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"이라는 경고 대신).
 
 ## 같이 보기
 
diff --git a/files/ko/web/security/practical_implementation_guides/index.md b/files/ko/web/security/practical_implementation_guides/index.md
index d6f2c2c97d6c01..3fb11c2140b721 100644
--- a/files/ko/web/security/practical_implementation_guides/index.md
+++ b/files/ko/web/security/practical_implementation_guides/index.md
@@ -10,7 +10,8 @@ l10n:
 
 사이트 보안을 위해 할 수 있는 것은 많이 있습니다. 이 문서는 더 유용한 정보를 제공하는 다른 문서의 링크를 포함한 여러 가지 제안 사항을 제공합니다.
 
-> **참고:** 이 문서는 작성 중에 있어 완성되지 않았으며, 문서의 제안 사항을 따르더라도 사이트가 완전히 안전하다는 보장은 없습니다.
+> [!NOTE]
+> 이 문서는 작성 중에 있어 완성되지 않았으며, 문서의 제안 사항을 따르더라도 사이트가 완전히 안전하다는 보장은 없습니다.
 
 ## 사용자 정보 보안
 
diff --git a/files/ko/web/security/same-origin_policy/index.md b/files/ko/web/security/same-origin_policy/index.md
index 4364d7a442d328..511d4c26d1cfde 100644
--- a/files/ko/web/security/same-origin_policy/index.md
+++ b/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`을 같은 값으로 설정해야 합니다. 이는 상위 도메인을 원래 값으로 다시 설정하는 경우에도 필요합니다. 이렇게 하지 않으면 권한 오류가 발생할 수 있습니다.
 
 ## 교차 출처 네트워크 접근
 
diff --git a/files/ko/web/security/secure_contexts/index.md b/files/ko/web/security/secure_contexts/index.md
index b7399fe1b3037d..50a02864eaae4e 100644
--- a/files/ko/web/security/secure_contexts/index.md
+++ b/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`가 로컬/루프백 주소로 매핑되는 것이 보장되지 않았기 때문에 이전 버전에서는 지원하지 않음).
 
 로컬이 아닌 리소스가 안전한 것으로 간주되려면 다음 기준을 충족해야 합니다.
 
diff --git a/files/ko/web/security/subresource_integrity/index.md b/files/ko/web/security/subresource_integrity/index.md
index beefcce5f3cad5..3d196e4f4f4304 100644
--- a/files/ko/web/security/subresource_integrity/index.md
+++ b/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 사용하기
 
diff --git a/files/ko/web/svg/attribute/cx/index.md b/files/ko/web/svg/attribute/cx/index.md
index 468b7bae898913..4e4f1502883c5d 100644
--- a/files/ko/web/svg/attribute/cx/index.md
+++ b/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
 
diff --git a/files/ko/web/svg/attribute/shape-rendering/index.md b/files/ko/web/svg/attribute/shape-rendering/index.md
index 1fca1b31453e0b..0364129870db7a 100644
--- a/files/ko/web/svg/attribute/shape-rendering/index.md
+++ b/files/ko/web/svg/attribute/shape-rendering/index.md
@@ -9,7 +9,8 @@ l10n:
 
 **`shape-rendering`** 특성은 경로, 원, 혹은 직사각형 모양을 렌더링할 때, 렌더러에게 어떤 절충안을 감수할지 힌트를 제공합니다.
 
-> **참고:** 프레젠테이션 특성에서는, `shape-rendering` 는 CSS 속성으로도 사용할 수 있습니다.
+> [!NOTE]
+> 프레젠테이션 특성에서는, `shape-rendering` 는 CSS 속성으로도 사용할 수 있습니다.
 
 다음 SVG 요소들을 사용하여 특성을 활용할 수 있습니다.
 
diff --git a/files/ko/web/svg/element/a/index.md b/files/ko/web/svg/element/a/index.md
index 2777e5fd47e42c..8fd8d4d89e1551 100644
--- a/files/ko/web/svg/element/a/index.md
+++ b/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)을 사용해 보세요.
 
 ## 속성
 
diff --git a/files/ko/web/svg/element/circle/index.md b/files/ko/web/svg/element/circle/index.md
index 24ff9c9f16a235..98bf4cd0513731 100644
--- a/files/ko/web/svg/element/circle/index.md
+++ b/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 속성으로도 사용할 수 있습니다.
 
 ### 전역 속성
 
diff --git a/files/ko/web/svg/element/ellipse/index.md b/files/ko/web/svg/element/ellipse/index.md
index 1b000216f659e5..4d5dcf0bc6ee82 100644
--- a/files/ko/web/svg/element/ellipse/index.md
+++ b/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 속성으로도 사용할 수 있습니다.
 
 ### 전역 속성
 
diff --git a/files/ko/web/svg/element/rect/index.md b/files/ko/web/svg/element/rect/index.md
index 18094cff5d542c..51b6417dd70bf7 100644
--- a/files/ko/web/svg/element/rect/index.md
+++ b/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 속성으로도 사용할 수 있습니다.
 
 ### 전역 속성
 
diff --git a/files/ko/web/svg/tutorial/index.md b/files/ko/web/svg/tutorial/index.md
index f3f54f812d9cff..e29f4423cb7db6 100644
--- a/files/ko/web/svg/tutorial/index.md
+++ b/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 소개 목록
 
diff --git a/files/ko/web/svg/tutorial/paths/index.md b/files/ko/web/svg/tutorial/paths/index.md
index e02b1f9b549e65..edf8c4391c9f72 100644
--- a/files/ko/web/svg/tutorial/paths/index.md
+++ b/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)
 
diff --git a/files/ko/web/xml/parsing_and_serializing_xml/index.md b/files/ko/web/xml/parsing_and_serializing_xml/index.md
index a26828c7f43b1d..e1c2c1e9ee5557 100644
--- a/files/ko/web/xml/parsing_and_serializing_xml/index.md
+++ b/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>
diff --git a/files/ko/webassembly/c_to_wasm/index.md b/files/ko/webassembly/c_to_wasm/index.md
index 8a5188fb8d9edd..c30eb6f168f2b7 100644
--- a/files/ko/webassembly/c_to_wasm/index.md
+++ b/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)
diff --git a/files/ko/webassembly/concepts/index.md b/files/ko/webassembly/concepts/index.md
index 60488864f6b16d..6281ff7b82339f 100644
--- a/files/ko/webassembly/concepts/index.md
+++ b/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 접착제 코드가 각각의 라이브러리에 있어야 합니다.
 
diff --git a/files/ko/webassembly/existing_c_to_wasm/index.md b/files/ko/webassembly/existing_c_to_wasm/index.md
index 4956f32ff8363d..5f483e9e2d7269 100644
--- a/files/ko/webassembly/existing_c_to_wasm/index.md
+++ b/files/ko/webassembly/existing_c_to_wasm/index.md
@@ -38,7 +38,8 @@ $ emcc -O3 -s WASM=1 -s EXTRA_EXPORTED_RUNTIME_METHODS='["cwrap"]' \
     libwebp/src/{dec,dsp,demux,enc,mux,utils}/*.c
 ```
 
-> **참고:** 이 전략은 모든 C 프로젝트에서 작동하지 않습니다. 많은 프로젝트는 컴파일하기 전에 시스템 특정 코드를 생성하기 위해 autoconf / automake를 사용합니다. Emscripten은 `emconfigure`와 `emmake`를 제공하여 이 명령을 랩핑하고 적절한 매개 변수를 주입합니다. [Emscripten documentation](https://kripken.github.io/emscripten-site/docs/compiling/Building-Projects.html)에서 자세한 내용을 찾을 수 있습니다.
+> [!NOTE]
+> 이 전략은 모든 C 프로젝트에서 작동하지 않습니다. 많은 프로젝트는 컴파일하기 전에 시스템 특정 코드를 생성하기 위해 autoconf / automake를 사용합니다. Emscripten은 `emconfigure`와 `emmake`를 제공하여 이 명령을 랩핑하고 적절한 매개 변수를 주입합니다. [Emscripten documentation](https://kripken.github.io/emscripten-site/docs/compiling/Building-Projects.html)에서 자세한 내용을 찾을 수 있습니다.
 
 이제 새 모듈을 로드하기 위해 HTML과 JavaScript 만 있으면 됩니다.
 
diff --git a/files/ko/webassembly/javascript_interface/compile_static/index.md b/files/ko/webassembly/javascript_interface/compile_static/index.md
index a872070ba661b4..c4672361bd4d87 100644
--- a/files/ko/webassembly/javascript_interface/compile_static/index.md
+++ b/files/ko/webassembly/javascript_interface/compile_static/index.md
@@ -40,7 +40,8 @@ fetch("simple.wasm")
   .then((mod) => worker.postMessage(mod));
 ```
 
-> **참고:** 대부분의 경우에 {{jsxref("WebAssembly.compileStreaming()")}}를 사용하는 것이 좋습니다. 이는 `compile()`보다 효율적이기 때문입니다.
+> [!NOTE]
+> 대부분의 경우에 {{jsxref("WebAssembly.compileStreaming()")}}를 사용하는 것이 좋습니다. 이는 `compile()`보다 효율적이기 때문입니다.
 
 ## 명세서
 
diff --git a/files/ko/webassembly/javascript_interface/instantiate_static/index.md b/files/ko/webassembly/javascript_interface/instantiate_static/index.md
index e580b6fbade3e0..75a407aa2a7600 100644
--- a/files/ko/webassembly/javascript_interface/instantiate_static/index.md
+++ b/files/ko/webassembly/javascript_interface/instantiate_static/index.md
@@ -85,7 +85,8 @@ fetch("simple.wasm")
   .then((result) => result.instance.exports.exported_func());
 ```
 
-> **참고:** 이 예제는 GitHub의 [index.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index.html)에서도 찾을 수 있습니다 ([라이브보기도 있음](https://mdn.github.io/webassembly-examples/js-api-examples/)).
+> [!NOTE]
+> 이 예제는 GitHub의 [index.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index.html)에서도 찾을 수 있습니다 ([라이브보기도 있음](https://mdn.github.io/webassembly-examples/js-api-examples/)).
 
 ### Second overload example
 
diff --git a/files/ko/webassembly/javascript_interface/memory/index.md b/files/ko/webassembly/javascript_interface/memory/index.md
index 8032a1e3a8ab87..bef02224b2e82d 100644
--- a/files/ko/webassembly/javascript_interface/memory/index.md
+++ b/files/ko/webassembly/javascript_interface/memory/index.md
@@ -23,7 +23,8 @@ var myMemory = new WebAssembly.Memory(memoryDescriptor);
     - _maximum {{optional_inline}}_
       - : WebAssembly 메모리의 최대 크기는 WebAssembly 페이지 단위로 증가 할 수 있습니다. 이 매개 변수가 있으면 `maximum` 매개 변수는 엔진에 대해 메모리를 전면에 예약하도록 합니다. 그러나 엔진은 이 예약 요청을 무시하거나 클램핑 할 수 있습니다. 일반적으로 대부분의 WebAssembly 모듈은 `maximum` 값을 설정할 필요가 없습니다.
 
-> **참고:** WebAssembly 페이지의 크기는 65,536 바이트로 64KiB로 고정되어 있습니다.
+> [!NOTE]
+> WebAssembly 페이지의 크기는 65,536 바이트로 64KiB로 고정되어 있습니다.
 
 ### Exceptions
 
diff --git a/files/ko/webassembly/javascript_interface/table/index.md b/files/ko/webassembly/javascript_interface/table/index.md
index 21146dba9e8704..bd0ebe6e7d8ce2 100644
--- a/files/ko/webassembly/javascript_interface/table/index.md
+++ b/files/ko/webassembly/javascript_interface/table/index.md
@@ -9,7 +9,8 @@ slug: WebAssembly/JavaScript_interface/Table
 
 이것은 자바 스크립트 래퍼 객체로, 함수 참조를 저장하는 WebAssembly 테이블을 나타내는 배열과 같은 구조입니다. JavaScript 또는 WebAssembly 코드로 작성된 테이블은 JavaScript 및 WebAssembly에서 액세스 및 변경할 수 있습니다.
 
-> **참고:** 테이블은 현재 function references만 저장할 수 있지만 나중에 확장 될 수 있습니다.
+> [!NOTE]
+> 테이블은 현재 function references만 저장할 수 있지만 나중에 확장 될 수 있습니다.
 
 ## Syntax
 
diff --git a/files/ko/webassembly/loading_and_running/index.md b/files/ko/webassembly/loading_and_running/index.md
index a6a73b476a6dd7..cfa5d6bbadff4a 100644
--- a/files/ko/webassembly/loading_and_running/index.md
+++ b/files/ko/webassembly/loading_and_running/index.md
@@ -54,9 +54,11 @@ fetch("module.wasm")
 }
 ```
 
-> **참고:** 일반적으로 인스턴스자체만 신경 쓰지만, 모듈을 캐시하거나, [`postMessage()`](/ko/docs/Web/API/MessagePort/postMessage)를 통해 다른 worker나 윈도우와 공유하거나, 단순히 인스턴스를 더 생성하고자 할 때도 유용합니다.
+> [!NOTE]
+> 일반적으로 인스턴스자체만 신경 쓰지만, 모듈을 캐시하거나, [`postMessage()`](/ko/docs/Web/API/MessagePort/postMessage)를 통해 다른 worker나 윈도우와 공유하거나, 단순히 인스턴스를 더 생성하고자 할 때도 유용합니다.
 
-> **참고:** 두 번째 오버로드 형식은 {{jsxref ( "WebAssembly.Module")}} 객체를 인수로 사용하여 인스턴스 객체를 직접 포함하는 promise를 결과로 반환합니다. [Second overload](/ko/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate#Second_overload_example) 예제를 참조하십시오.
+> [!NOTE]
+> 두 번째 오버로드 형식은 {{jsxref ( "WebAssembly.Module")}} 객체를 인수로 사용하여 인스턴스 객체를 직접 포함하는 promise를 결과로 반환합니다. [Second overload](/ko/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate#Second_overload_example) 예제를 참조하십시오.
 
 ### Running your WebAssembly code
 
@@ -78,7 +80,8 @@ WebAssembly.instantiateStreaming(fetch("myModule.wasm"), importObject).then(
 );
 ```
 
-> **참고:** WebAssembly 모듈에서 내보내는 방법에 대한 자세한 내용은 [Using the WebAssembly JavaScript API](/ko/docs/WebAssembly/Using_the_JavaScript_API) 및 [Understanding WebAssembly text format](/ko/docs/WebAssembly/Understanding_the_text_format)를 참조하십시오.
+> [!NOTE]
+> WebAssembly 모듈에서 내보내는 방법에 대한 자세한 내용은 [Using the WebAssembly JavaScript API](/ko/docs/WebAssembly/Using_the_JavaScript_API) 및 [Understanding WebAssembly text format](/ko/docs/WebAssembly/Understanding_the_text_format)를 참조하십시오.
 
 ## Using XMLHttpRequest
 
diff --git a/files/ko/webassembly/rust_to_wasm/index.md b/files/ko/webassembly/rust_to_wasm/index.md
index 29d15161f61924..8c7d3a81ace4c9 100644
--- a/files/ko/webassembly/rust_to_wasm/index.md
+++ b/files/ko/webassembly/rust_to_wasm/index.md
@@ -26,7 +26,8 @@ Rust와 WebAssembly를 위한 두가지 주요 사용 사례가 있습니다.
 
 [Install Rust](https://www.rust-lang.org/install.html)와 다음 설명에 따라 Rust를 설치합니다. "rustup"이라는 툴을 설치할건데 다양한 버전의 Rust를 관리할 수 있게 해줍니다. 기본적으로 최신 배포버전의 Rust가 설치됩니다. Rustup은 Rust 컴파일러인 `rustc` Rust의 표준 라이브러리 인 `rust-std`, Rust의 패키지 메니저 `cargo`및 `rust-docs` 등 유용한 문서를 설치합니다.
 
-> **참고:** 설치를 완료한 뒤 cargo의 `bin` 디렉토리가 시스템의 `PATH`에 등록되어 있어야 함에 주의하십시오. 보통은 자동으로 등록되지만, 터미널을 재시작해야 할 수도 있습니다.
+> [!NOTE]
+> 설치를 완료한 뒤 cargo의 `bin` 디렉토리가 시스템의 `PATH`에 등록되어 있어야 함에 주의하십시오. 보통은 자동으로 등록되지만, 터미널을 재시작해야 할 수도 있습니다.
 
 ### wasm-pack
 
diff --git a/files/ko/webassembly/text_format_to_wasm/index.md b/files/ko/webassembly/text_format_to_wasm/index.md
index 1abd5a7f1211e1..497ccacf81b770 100644
--- a/files/ko/webassembly/text_format_to_wasm/index.md
+++ b/files/ko/webassembly/text_format_to_wasm/index.md
@@ -7,7 +7,8 @@ slug: WebAssembly/Text_format_to_Wasm
 
 WebAssembly에는 S- expression 기반의 텍스트 표현, 텍스트 편집기, 브라우저 개발자 도구 등에서 노출되도록 고안된 중간 양식이 있습니다.이 기사에서는 어떻게 작동하는지, 텍스트 형식 파일을 `.wasm` 어셈블리 형식으로 변환할 수 있는 도구를 사용하는 방법에 대해 설명합니다.
 
-> **참고:** 텍스트 형식 파일은 대개 `.wat` 확장자로 저장됩니다. 때로는 `.wast`도 사용됩니다.이 파일은 변환 할 때 `.wast`으로 변환되지 않는 파일에 허용되는 추가 테스트 명령을 포함하는 파일을 가리 킵니다 - assertions 등
+> [!NOTE]
+> 텍스트 형식 파일은 대개 `.wat` 확장자로 저장됩니다. 때로는 `.wast`도 사용됩니다.이 파일은 변환 할 때 `.wast`으로 변환되지 않는 파일에 허용되는 추가 테스트 명령을 포함하는 파일을 가리 킵니다 - assertions 등
 
 ## A first look at the text format
 
@@ -40,7 +41,8 @@ WebAssembly 함수 `exported_func`는 Google 환경에서 사용하기 위해 
 
 wasm을 `.wasm` 어셈블리 코드가 들어있는 `simple.wasm` 파일로 변환합니다.
 
-> **참고:** wasm2wat 도구를 사용하여 어셈블리를 다시 텍스트 표현으로 변환 할 수도 있습니다. 예 : `wasm2wat simple.wasm -o text.wat`.
+> [!NOTE]
+> wasm2wat 도구를 사용하여 어셈블리를 다시 텍스트 표현으로 변환 할 수도 있습니다. 예 : `wasm2wat simple.wasm -o text.wat`.
 
 ## Viewing the assembly output
 
diff --git a/files/ko/webassembly/understanding_the_text_format/index.md b/files/ko/webassembly/understanding_the_text_format/index.md
index d9311f96da5921..ce6507dde6dccb 100644
--- a/files/ko/webassembly/understanding_the_text_format/index.md
+++ b/files/ko/webassembly/understanding_the_text_format/index.md
@@ -7,7 +7,8 @@ slug: WebAssembly/Understanding_the_text_format
 
 사람이 WebAssembly를 읽고 편집 할 수 있게하려면 wasm 이진 형식의 텍스트 표현이 있어야합니다. 이것은 텍스트 편집기, 브라우저 개발자 도구 등에서 노출되도록 고안된 중간 양식입니다.이 장에서는 원시 구문과 텍스트 형식이 나타내는 기본 바이트 코드와 관련하여 Text format이 작동하는 방식과 JavaScript에서 wasm을 나타내는 객체 래퍼에 대해 설명합니다.
 
-> **참고:** 여기서 다루는 내용은 여러분이 웹어셈블리를 JavaScript에 바로 불러오는 이전의 방법보다 훨씬 어렵습니다.([웹어셈블리를 JavaScript API에 사용하기](/ko/docs/WebAssembly/Using_the_JavaScript_API) 참고), 하지만 여기서 배우는 내용을 통해 웹어셈블리 모듈을 작성해보면, JavaScript 라이브러리의 성능을 향상시킬수 있는 방법을 찾거나, 직접 웹어셈블리 컴파일러를 작성하는데 도움이 될 것입니다.
+> [!NOTE]
+> 여기서 다루는 내용은 여러분이 웹어셈블리를 JavaScript에 바로 불러오는 이전의 방법보다 훨씬 어렵습니다.([웹어셈블리를 JavaScript API에 사용하기](/ko/docs/WebAssembly/Using_the_JavaScript_API) 참고), 하지만 여기서 배우는 내용을 통해 웹어셈블리 모듈을 작성해보면, JavaScript 라이브러리의 성능을 향상시킬수 있는 방법을 찾거나, 직접 웹어셈블리 컴파일러를 작성하는데 도움이 될 것입니다.
 
 ## S-expressions
 
@@ -178,7 +179,8 @@ WebAssembly.instantiateStreaming(fetch("add.wasm")).then((obj) => {
 });
 ```
 
-> **참고:** 이 예제는 GitHub에서 [add.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/add.html)로 찾을 수 있습니다 ([see it live also](https://mdn.github.io/webassembly-examples/understanding-text-format/add.html)). 인스턴스 함수에 대한 자세한 내용은 {{jsxref ( "WebAssembly.instantiate ()")}}를 참조하십시오.
+> [!NOTE]
+> 이 예제는 GitHub에서 [add.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/add.html)로 찾을 수 있습니다 ([see it live also](https://mdn.github.io/webassembly-examples/understanding-text-format/add.html)). 인스턴스 함수에 대한 자세한 내용은 {{jsxref ( "WebAssembly.instantiate ()")}}를 참조하십시오.
 
 ## 기본 사항 둘러보기
 
@@ -216,7 +218,8 @@ WebAssembly.instantiateStreaming(fetch("call.wasm")).then((obj) => {
 });
 ```
 
-> **참고:** 이 예제는 GitHub에서 [call.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/call.html)로 찾을 수 있습니다 ([see it live also](https://mdn.github.io/webassembly-examples/understanding-text-format/call.html)).
+> [!NOTE]
+> 이 예제는 GitHub에서 [call.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/call.html)로 찾을 수 있습니다 ([see it live also](https://mdn.github.io/webassembly-examples/understanding-text-format/call.html)).
 
 ### JavaScript에 함수 가져오기
 
@@ -256,7 +259,8 @@ WebAssembly.instantiateStreaming(fetch("logger.wasm"), importObject).then(
 );
 ```
 
-> **참고:** 이 예제는 GitHub에서 [logger.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/logger.html)로 찾을 수 있습니다 (라이브([see it live also](https://mdn.github.io/webassembly-examples/understanding-text-format/logger.html))도 참조하십시오).
+> [!NOTE]
+> 이 예제는 GitHub에서 [logger.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/logger.html)로 찾을 수 있습니다 (라이브([see it live also](https://mdn.github.io/webassembly-examples/understanding-text-format/logger.html))도 참조하십시오).
 
 ### Declaring globals in WebAssembly
 
@@ -336,7 +340,8 @@ function consoleLogString(offset, length) {
         call $log))
 ```
 
-> **참고:** 위와 같이 WebAssembly 파일의 주석을 허용하는 두 개의 세미콜론 구문 (`;;`)을 확인하십시오.
+> [!NOTE]
+> 위와 같이 WebAssembly 파일의 주석을 허용하는 두 개의 세미콜론 구문 (`;;`)을 확인하십시오.
 
 자바 스크립트에서 우리는 1 페이지 메모리를 만들고 그것을 전달할 수 있습니다. 결과적으로 "Hi"가 콘솔에 출력됩니다 :
 
@@ -352,7 +357,8 @@ WebAssembly.instantiateStreaming(fetch("logger2.wasm"), importObject).then(
 );
 ```
 
-> **참고:** 깃허브에서 소스 전체버전을 확인할 수 있습니다. [logger2.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/logger2.html) ([also see it live](https://mdn.github.io/webassembly-examples/understanding-text-format/logger2.html)).
+> [!NOTE]
+> 깃허브에서 소스 전체버전을 확인할 수 있습니다. [logger2.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/logger2.html) ([also see it live](https://mdn.github.io/webassembly-examples/understanding-text-format/logger2.html)).
 
 ### WebAssembly tables
 
@@ -391,7 +397,8 @@ WebAssembly는 `anyfunc` 유형을 추가 할 수 있습니다 (유형이 모든
 - `elem` 섹션은 모듈의 모든 함수 서브 세트를 순서에 상관없이 나열하며 중복을 허용 합니다. 이것은 참조되는 순서대로 테이블에서 참조 할 목록입니다.
 - `elem` 섹션 내의 `(i32.const 0)` 값은 오프셋입니다. 이것은 섹션의 시작 부분에서 선언해야하며, 테이블 함수 참조가 채워지기 시작하는 인덱스를 지정합니다. 여기서 0과 2의 크기를 지정 했으므로 (위 참조) 인덱스 0과 1에서 두 개의 참조를 채울 수 있습니다. 오프셋 1에서 참조를 쓰고 싶다면 `(i32.const 1)`이고 테이블 크기는 3이어야합니다.
 
-> **참고:** 초기화되지 않은 요소에는 기본 throw-on-call 값이 제공됩니다.
+> [!NOTE]
+> 초기화되지 않은 요소에는 기본 throw-on-call 값이 제공됩니다.
 
 자바 스크립트에서 이와 같은 테이블 인스턴스를 생성하는 호출은 다음과 같습니다.
 
@@ -471,7 +478,8 @@ WebAssembly.instantiateStreaming(fetch("wasm-table.wasm")).then((obj) => {
 
 > **참고:** [wasm-table.html](https://github.com/mdn/webassembly-examples/blob/master/understanding-text-format/wasm-table.html)에서 이 예제를 확인할 수 있습니다. ([see it live also](https://mdn.github.io/webassembly-examples/understanding-text-format/wasm-table.html)).
 
-> **참고:** Memory와 마찬가지로 테이블은 자바 스크립트 ([`WebAssembly.Table()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table) 참고)와 다른 wasm 모듈로 가져 오거나 다른 wasm 모듈에서 가져올 수도있다.
+> [!NOTE]
+> Memory와 마찬가지로 테이블은 자바 스크립트 ([`WebAssembly.Table()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table) 참고)와 다른 wasm 모듈로 가져 오거나 다른 wasm 모듈에서 가져올 수도있다.
 
 ### Mutating tables and dynamic linking
 
diff --git a/files/ko/webassembly/using_the_javascript_api/index.md b/files/ko/webassembly/using_the_javascript_api/index.md
index 48edfbb79b6a3e..ceb0880c24e63f 100644
--- a/files/ko/webassembly/using_the_javascript_api/index.md
+++ b/files/ko/webassembly/using_the_javascript_api/index.md
@@ -7,13 +7,15 @@ slug: WebAssembly/Using_the_JavaScript_API
 
 [Emscripten과 같은 도구를 사용하여 다른 언어의 모듈을 컴파일](/ko/docs/WebAssembly/C_to_wasm)했거나 [코드를 직접로드하여 실행](/ko/docs/WebAssembly/Loading_and_running) 해봤다면 다음 단계에서는 WebAssembly JavaScript API의 다른 기능을 사용하는 방법에 대해 자세히 알아 봅니다.
 
-> **참고:** 여기에서 언급한 기본 개념에 익숙하지 않거나 더 많은 설명이 필요한 경우 [WebAssembly concepts](/ko/docs/WebAssembly/Concepts)를 먼저 읽어보세요.
+> [!NOTE]
+> 여기에서 언급한 기본 개념에 익숙하지 않거나 더 많은 설명이 필요한 경우 [WebAssembly concepts](/ko/docs/WebAssembly/Concepts)를 먼저 읽어보세요.
 
 ## 몇가지 간단한 예제
 
 WebAssembly JavaScript API를 사용하는 방법과 웹 페이지에서 wasm 모듈을 로드하는 방법을 설명하는 몇 가지 예제를 실행 해 보겠습니다.
 
-> **참고:** 샘플 코드는 [webassembly-examples](https://github.com/mdn/webassembly-examples) GitHub repo에서 찾을 수 있습니다.
+> [!NOTE]
+> 샘플 코드는 [webassembly-examples](https://github.com/mdn/webassembly-examples) GitHub repo에서 찾을 수 있습니다.
 
 ### 예제 준비하기
 
@@ -54,7 +56,8 @@ WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
 
 그 결과, 내 보낸 WebAssembly 함수 인 `export_func`를 호출합니다.이 함수는 가져온 JavaScript 함수 `imported_func`를 호출합니다.이 함수는 WebAssembly 인스턴스 (42) 내부에 제공된 값을 콘솔에 기록합니다. 지금 예제 코드를 저장하고 WebAssembly를 지원하는 브라우저에 로드하면 이를 실제로 볼 수 있습니다!
 
-> **참고:** 이것은 매우 난해하고, 길고 지루한 예이지만 웹 응용프로그램에서 JavaScript와 함께 WebAssembly 코드를 사용하여 가능한 것을 설명하는 데 도움이 됩니다. 우리가 다른 곳에서 언급했듯이, WebAssembly는 JavaScript를 대체하려는 것이 아니라, 그 두 개가 상호 작용하여 서로의 강점을 이끌어 낼수 있습니다.
+> [!NOTE]
+> 이것은 매우 난해하고, 길고 지루한 예이지만 웹 응용프로그램에서 JavaScript와 함께 WebAssembly 코드를 사용하여 가능한 것을 설명하는 데 도움이 됩니다. 우리가 다른 곳에서 언급했듯이, WebAssembly는 JavaScript를 대체하려는 것이 아니라, 그 두 개가 상호 작용하여 서로의 강점을 이끌어 낼수 있습니다.
 
 ### 스트리밍하지 않고 웹어셈블리 모듈 로드
 
@@ -209,7 +212,8 @@ WebAssembly 테이블은 JavaScript 및 WebAssembly 코드로 액세스 할 수
 
 이 코드는 테이블에 저장된 각 함수 참조를 차례로 액세스하고 인스턴스화하여 가지고 있는 값을 콘솔에 출력합니다. [`Table.prototype.get()`](/ko/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get) 호출로 각 함수 참조를 검색 한 다음 추가 세트를 추가합니다 실제로 함수를 호출하려면 끝에 괄호를 사용하십시오.
 
-> **참고:** 우리의 완전한 데모는 [table.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.html)에서 찾을 수 있습니다. ([see it live also](https://mdn.github.io/webassembly-examples/js-api-examples/table.html))
+> [!NOTE]
+> 우리의 완전한 데모는 [table.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.html)에서 찾을 수 있습니다. ([see it live also](https://mdn.github.io/webassembly-examples/js-api-examples/table.html))
 
 ## Globals