diff --git a/index.html b/index.html
index 97f9ef6..4f90b57 100644
--- a/index.html
+++ b/index.html
@@ -5,20 +5,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Docker 공식 문서의 한국어 번역 프로젝트. 컨테이너(Container)와 이미지(Image) 개념, 설치 방법, 실습 튜토리얼, CLI, Compose, Swarm 등 DevOps와 개발자를 위한 최신 Docker 가이드와 베스트 프랙티스, 실전 예제, 문제 해결, 오픈소스 커뮤니티 정보까지 모두 제공합니다. 초보자와 전문가 모두를 위한 학습 자료와 FAQ 수록." />
-    <script type="text/javascript" async>
-      !(function (cfg){function e(){cfg.onInit&&cfg.onInit(n)}var x,w,D,t,E,n,C=window,O=document,b=C.location,q="script",I="ingestionendpoint",L="disableExceptionTracking",j="ai.device.";"instrumentationKey"[x="toLowerCase"](),w="crossOrigin",D="POST",t="appInsightsSDK",E=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=E),n=C[E]||function(g){var f=!1,m=!1,h={initialize:!0,queue:[],sv:"8",version:2,config:g};function v(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[j+"id"]=i[x](),n[j+"type"]=i,n["ai.operation.name"]=b&&b.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(h.sv||h.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:undefined,seq:"1",aiDataContract:undefined}}var n,i,t,a,y=-1,T=0,S=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],o=g.url||cfg.src,r=function(){return s(o,null)};function s(d,t){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~d.indexOf("ai.3")&&(d=d.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<S.length;e++)if(0<d.indexOf(S[e])){y=e;break}var n,i=function(e){var a,t,n,i,o,r,s,c,u,l;h.queue=[],m||(0<=y&&T+1<S.length?(a=(y+T+1)%S.length,p(d.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+S[a]+i})),T+=1):(f=m=!0,s=d,!0!==cfg.dle&&(c=(t=function(){var e,t={},n=g.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][x]()]=o[1])}return t[I]||(e=(n=t.endpointsuffix)?t.location:null,t[I]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||g.instrumentationKey||"",t=(t=(t=t[I])&&"/"===t.slice(-1)?t.slice(0,-1):t)?t+"/v2/track":g.endpointUrl,t=g.userOverrideEndpointUrl||t,(n=[]).push((i="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",o=s,u=t,(l=(r=v(c,"Exception")).data).baseType="ExceptionData",l.baseData.exceptions=[{typeName:"SDKLoadFailed",message:i.replace(/\./g,"-"),hasFullStack:!1,stack:i+"\nSnippet failed to load ["+o+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(b&&b.pathname||"_unknown_")+"\nEndpoint: "+u,parsedStack:[]}],r)),n.push((l=s,i=t,(u=(o=v(c,"Message")).data).baseType="MessageData",(r=u.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+l+")").replace(/\"/g,"")+'"',r.properties={endpoint:i},o)),s=n,c=t,JSON&&((u=C.fetch)&&!cfg.useXhr?u(c,{method:D,body:JSON.stringify(s),mode:"cors"}):XMLHttpRequest&&((l=new XMLHttpRequest).open(D,c),l.setRequestHeader("Content-type","application/json"),l.send(JSON.stringify(s)))))))},a=function(e,t){m||setTimeout(function(){!t&&h.core||i()},500),f=!1},p=function(e){var n=O.createElement(q),e=(n.src=e,t&&(n.integrity=t),n.setAttribute("data-ai-name",E),cfg[w]);return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?O.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){O.getElementsByTagName(q)[0].parentNode.appendChild(n)},cfg.ld||0),n};p(d)}cfg.sri&&(n=o.match(/^((http[s]?:\/\/.*\/)\w+(\.\d+){1,5})\.(([\w]+\.){0,2}js)$/))&&6===n.length?(d="".concat(n[1],".integrity.json"),i="@".concat(n[4]),l=window.fetch,t=function(e){if(!e.ext||!e.ext[i]||!e.ext[i].file)throw Error("Error Loading JSON response");var t=e.ext[i].integrity||null;s(o=n[2]+e.ext[i].file,t)},l&&!cfg.useXhr?l(d,{method:"GET",mode:"cors"}).then(function(e){return e.json()["catch"](function(){return{}})}).then(t)["catch"](r):XMLHttpRequest&&((a=new XMLHttpRequest).open("GET",d),a.onreadystatechange=function(){if(a.readyState===XMLHttpRequest.DONE)if(200===a.status)try{t(JSON.parse(a.responseText))}catch(e){r()}else r()},a.send())):o&&r();try{h.cookie=O.cookie}catch(k){}function e(e){for(;e.length;)!function(t){h[t]=function(){var e=arguments;f||h.queue.push(function(){h[t].apply(h,e)})}}(e.pop())}var c,u,l="track",d="TrackPage",p="TrackEvent",l=(e([l+"Event",l+"PageView",l+"Exception",l+"Trace",l+"DependencyData",l+"Metric",l+"PageViewPerformance","start"+d,"stop"+d,"start"+p,"stop"+p,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),h.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(g.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==g[L]&&!0!==l[L]&&(e(["_"+(c="onerror")]),u=C[c],C[c]=function(e,t,n,i,a){var o=u&&u(e,t,n,i,a);return!0!==o&&h["_"+c]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},g.autoExceptionInstrumented=!0),h}(cfg.cfg),(C[E]=n).queue&&0===n.queue.length?(n.queue.push(e),n.trackPageView({})):e();})({
-        src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
-        // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied
-        // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout,
-        // useXhr: 1, // Use XHR instead of fetch to report failures (if available),
-        // dle: true, // Prevent the SDK from reporting load failure log
-        crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag
-        // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DON'T ADD anything to the sdk.queue -- As they won't get called)
-        // sri: false, // Custom optional value to specify whether fetching the snippet from integrity file and do integrity check
-        cfg: { // Application Insights Configuration
-          connectionString: "InstrumentationKey=7bea0293-01dc-409c-9471-3a65567b11ed;IngestionEndpoint=https://koreacentral-0.in.applicationinsights.azure.com/;LiveEndpoint=https://koreacentral.livediagnostics.monitor.azure.com/;ApplicationId=ddbe985c-4d7a-41e4-80a8-a3961068933b"
-      }});
-    </script>
     <script type="module" src="./src/scripts/main.ts" defer></script>
     <link
       rel="icon"
diff --git a/package-lock.json b/package-lock.json
index d3ff25a..8480605 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "docker-ko.github.io",
       "version": "0.0.0",
       "dependencies": {
+        "@microsoft/applicationinsights-web": "^3.3.9",
         "@vitejs/plugin-react": "^4.3.4",
         "@vitejs/plugin-vue": "^5.2.1",
         "marked": "^15.0.7",
@@ -1122,6 +1123,174 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@microsoft/applicationinsights-analytics-js": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-analytics-js/-/applicationinsights-analytics-js-3.3.9.tgz",
+      "integrity": "sha512-HJ7W4L4RYt7ozbwIsxjllJTk48ER0mbUOGrCSIIf7j3z3R/Kn/eTEBMNE073oV970nPEMzajvMZa2tDcsLLGzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-common": "3.3.9",
+        "@microsoft/applicationinsights-core-js": "3.3.9",
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-cfgsync-js": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-cfgsync-js/-/applicationinsights-cfgsync-js-3.3.9.tgz",
+      "integrity": "sha512-/7HpyjvKnKp4UGZ6U3pNXjpdPWRXcDyxlAkE3D3/TtgLbiTLfraLQuQAi/zTnJPFqkb3/TcS3wmDtnVea83w2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-common": "3.3.9",
+        "@microsoft/applicationinsights-core-js": "3.3.9",
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-async": ">= 0.5.4 < 2.x",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-channel-js": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-channel-js/-/applicationinsights-channel-js-3.3.9.tgz",
+      "integrity": "sha512-/yEgSe6vT2ycQJkXu6VF04TB5XBurk46ECV7uo6KkNhWyDEctAk1VDWB7EqXYdwLhKMbNOYX1pvz7fj43fGNqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-common": "3.3.9",
+        "@microsoft/applicationinsights-core-js": "3.3.9",
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-async": ">= 0.5.4 < 2.x",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-common": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-common/-/applicationinsights-common-3.3.9.tgz",
+      "integrity": "sha512-IgruOuDBxmBK9jYo7SqLJG7Z9OwmAmlvHET49srpN6pqQlEjRpjD1nfA3Ps4RSEbF89a/ad2phQaBp8jvm122g==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-core-js": "3.3.9",
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-core-js": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-core-js/-/applicationinsights-core-js-3.3.9.tgz",
+      "integrity": "sha512-xliiE9H09xCycndlua4QjajN8q5k/ET6VCv+e0Jjodxr9+cmoOP/6QY9dun9ptokuwR8TK0qOaIJ8z4fgslVSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-async": ">= 0.5.4 < 2.x",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-dependencies-js": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-dependencies-js/-/applicationinsights-dependencies-js-3.3.9.tgz",
+      "integrity": "sha512-I8MiU0S2EB0H+Pz2X5PaV1BcqLHmWRSJDVhvxATvLGshwCRNSoXPSNf4Ami2mjVBKNH9GrSj01s6vrSUrSBsoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-common": "3.3.9",
+        "@microsoft/applicationinsights-core-js": "3.3.9",
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-async": ">= 0.5.4 < 2.x",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-properties-js": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-properties-js/-/applicationinsights-properties-js-3.3.9.tgz",
+      "integrity": "sha512-8CPrqLgFCrFMaUWQoHEXMGSG6Ykn9wxfDxBeEHI6yUSvnkeolnP0Mwg+6NRdHcVbiNnO4itGBJC+Icu0Eq7Xeg==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-common": "3.3.9",
+        "@microsoft/applicationinsights-core-js": "3.3.9",
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-shims": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-shims/-/applicationinsights-shims-3.0.1.tgz",
+      "integrity": "sha512-DKwboF47H1nb33rSUfjqI6ryX29v+2QWcTrRvcQDA32AZr5Ilkr7whOOSsD1aBzwqX0RJEIP1Z81jfE3NBm/Lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nevware21/ts-utils": ">= 0.9.4 < 2.x"
+      }
+    },
+    "node_modules/@microsoft/applicationinsights-web": {
+      "version": "3.3.9",
+      "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-web/-/applicationinsights-web-3.3.9.tgz",
+      "integrity": "sha512-sphOpJwjq0AVcUCxaoZYeB9nsMcxRgpZ6Jt8raqMIn0WdvgcSi51yFW4BE2gk8G8z4E8umnkEvYIb8SmEpkm1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/applicationinsights-analytics-js": "3.3.9",
+        "@microsoft/applicationinsights-cfgsync-js": "3.3.9",
+        "@microsoft/applicationinsights-channel-js": "3.3.9",
+        "@microsoft/applicationinsights-common": "3.3.9",
+        "@microsoft/applicationinsights-core-js": "3.3.9",
+        "@microsoft/applicationinsights-dependencies-js": "3.3.9",
+        "@microsoft/applicationinsights-properties-js": "3.3.9",
+        "@microsoft/applicationinsights-shims": "3.0.1",
+        "@microsoft/dynamicproto-js": "^2.0.3",
+        "@nevware21/ts-async": ">= 0.5.4 < 2.x",
+        "@nevware21/ts-utils": ">= 0.11.8 < 2.x"
+      },
+      "peerDependencies": {
+        "tslib": ">= 1.0.0"
+      }
+    },
+    "node_modules/@microsoft/dynamicproto-js": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@microsoft/dynamicproto-js/-/dynamicproto-js-2.0.3.tgz",
+      "integrity": "sha512-JTWTU80rMy3mdxOjjpaiDQsTLZ6YSGGqsjURsY6AUQtIj0udlF/jYmhdLZu8693ZIC0T1IwYnFa0+QeiMnziBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@nevware21/ts-utils": ">= 0.10.4 < 2.x"
+      }
+    },
+    "node_modules/@nevware21/ts-async": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/@nevware21/ts-async/-/ts-async-0.5.4.tgz",
+      "integrity": "sha512-IBTyj29GwGlxfzXw2NPnzty+w0Adx61Eze1/lknH/XIVdxtF9UnOpk76tnrHXWa6j84a1RR9hsOcHQPFv9qJjA==",
+      "license": "MIT",
+      "dependencies": {
+        "@nevware21/ts-utils": ">= 0.11.6 < 2.x"
+      }
+    },
+    "node_modules/@nevware21/ts-utils": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/@nevware21/ts-utils/-/ts-utils-0.12.5.tgz",
+      "integrity": "sha512-JPQZWPKQJjj7kAftdEZL0XDFfbMgXCGiUAZe0d7EhLC3QlXTlZdSckGqqRIQ2QNl0VTEZyZUvRBw6Ednw089Fw==",
+      "license": "MIT"
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -4765,6 +4934,12 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
diff --git a/package.json b/package.json
index 95f74a6..5f3d119 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "vitest": "^3.2.2"
   },
   "dependencies": {
+    "@microsoft/applicationinsights-web": "^3.3.9",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitejs/plugin-vue": "^5.2.1",
     "marked": "^15.0.7",
diff --git a/public/docs/get-started/docker-concepts/building-images/build-tag-and-publish-an-image.md b/public/docs/get-started/docker-concepts/building-images/build-tag-and-publish-an-image.md
index 6bb8a52..29884e5 100644
--- a/public/docs/get-started/docker-concepts/building-images/build-tag-and-publish-an-image.md
+++ b/public/docs/get-started/docker-concepts/building-images/build-tag-and-publish-an-image.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/chiiGLlYRlY" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/chiiGLlYRlY?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Build, tag, and push an image"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/building-images/multi-stage-builds.md b/public/docs/get-started/docker-concepts/building-images/multi-stage-builds.md
index cd961d9..33a4fc4 100644
--- a/public/docs/get-started/docker-concepts/building-images/multi-stage-builds.md
+++ b/public/docs/get-started/docker-concepts/building-images/multi-stage-builds.md
@@ -1,10 +1,14 @@
 # Multi-stage builds
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/vR185cjwxZ8" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/vR185cjwxZ8?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    width="560" 
+    height="315"
+    loading="lazy"
+    title="Multi-stage builds"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/building-images/understanding-image-layers.md b/public/docs/get-started/docker-concepts/building-images/understanding-image-layers.md
index 673abf5..44d080e 100644
--- a/public/docs/get-started/docker-concepts/building-images/understanding-image-layers.md
+++ b/public/docs/get-started/docker-concepts/building-images/understanding-image-layers.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/wJwqtAkmtQA" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/wJwqtAkmtQA?rel=0&modestbranding=1&playsinline=1"
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Understanding the image layers"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/building-images/using-the-build-cache.md b/public/docs/get-started/docker-concepts/building-images/using-the-build-cache.md
index 2bfc09e..10c2f30 100644
--- a/public/docs/get-started/docker-concepts/building-images/using-the-build-cache.md
+++ b/public/docs/get-started/docker-concepts/building-images/using-the-build-cache.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/Ri6jMknjprY" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/Ri6jMknjprY?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Using the build cache"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/building-images/writing-a-dockerfile.md b/public/docs/get-started/docker-concepts/building-images/writing-a-dockerfile.md
index ec640e6..e8db04d 100644
--- a/public/docs/get-started/docker-concepts/building-images/writing-a-dockerfile.md
+++ b/public/docs/get-started/docker-concepts/building-images/writing-a-dockerfile.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/Jx8zoIhiP4c" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/Jx8zoIhiP4c?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Writing a Dockerfile"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/running-containers/multi-container-applications.md b/public/docs/get-started/docker-concepts/running-containers/multi-container-applications.md
index ca9e8a9..8b2b0cd 100644
--- a/public/docs/get-started/docker-concepts/running-containers/multi-container-applications.md
+++ b/public/docs/get-started/docker-concepts/running-containers/multi-container-applications.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/1jUwR6F9hvM" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/1jUwR6F9hvM?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Multi-container applications"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/running-containers/overriding-container-defaults.md b/public/docs/get-started/docker-concepts/running-containers/overriding-container-defaults.md
index c75712d..e352108 100644
--- a/public/docs/get-started/docker-concepts/running-containers/overriding-container-defaults.md
+++ b/public/docs/get-started/docker-concepts/running-containers/overriding-container-defaults.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/PFszWK3BB8I" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/PFszWK3BB8I?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Overriding container defaults"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/running-containers/persisting-container-data.md b/public/docs/get-started/docker-concepts/running-containers/persisting-container-data.md
index 6337281..912b8f4 100644
--- a/public/docs/get-started/docker-concepts/running-containers/persisting-container-data.md
+++ b/public/docs/get-started/docker-concepts/running-containers/persisting-container-data.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/10_2BjqB_Ls" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/10_2BjqB_Ls?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Persisting container data"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/running-containers/publishing-ports.md b/public/docs/get-started/docker-concepts/running-containers/publishing-ports.md
index a8daa0f..77f45db 100644
--- a/public/docs/get-started/docker-concepts/running-containers/publishing-ports.md
+++ b/public/docs/get-started/docker-concepts/running-containers/publishing-ports.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/9JnqOmJ96ds" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/9JnqOmJ96ds?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Publishing and exposing ports"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/running-containers/sharing-local-files.md b/public/docs/get-started/docker-concepts/running-containers/sharing-local-files.md
index f706fa9..9d38239 100644
--- a/public/docs/get-started/docker-concepts/running-containers/sharing-local-files.md
+++ b/public/docs/get-started/docker-concepts/running-containers/sharing-local-files.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/2dAzsVg3Dek" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/2dAzsVg3Dek?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Sharing local files with containers"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/the-basics/what-is-a-container.md b/public/docs/get-started/docker-concepts/the-basics/what-is-a-container.md
index 0e8432b..7ea6c57 100644
--- a/public/docs/get-started/docker-concepts/the-basics/what-is-a-container.md
+++ b/public/docs/get-started/docker-concepts/the-basics/what-is-a-container.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/W1kWqFkiu7k" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/W1kWqFkiu7k?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="What is a container?"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/the-basics/what-is-a-registry.md b/public/docs/get-started/docker-concepts/the-basics/what-is-a-registry.md
index d49ec3e..91baf23 100644
--- a/public/docs/get-started/docker-concepts/the-basics/what-is-a-registry.md
+++ b/public/docs/get-started/docker-concepts/the-basics/what-is-a-registry.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/2WDl10Wv5rs" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/2WDl10Wv5rs?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="What is a registry?"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/the-basics/what-is-an-image.md b/public/docs/get-started/docker-concepts/the-basics/what-is-an-image.md
index 59fefa6..c4642c0 100644
--- a/public/docs/get-started/docker-concepts/the-basics/what-is-an-image.md
+++ b/public/docs/get-started/docker-concepts/the-basics/what-is-an-image.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/NyvT9REqLe4" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/NyvT9REqLe4?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="What is an image?"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/docker-concepts/the-basics/what-is-docker-compose.md b/public/docs/get-started/docker-concepts/the-basics/what-is-docker-compose.md
index fe04a51..bd034dd 100644
--- a/public/docs/get-started/docker-concepts/the-basics/what-is-docker-compose.md
+++ b/public/docs/get-started/docker-concepts/the-basics/what-is-docker-compose.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/xhcUIK4fGtY" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/xhcUIK4fGtY?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="What is Docker Compose?"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/introduction/build-and-push-first-image.md b/public/docs/get-started/introduction/build-and-push-first-image.md
index 0ab46dc..787b172 100644
--- a/public/docs/get-started/introduction/build-and-push-first-image.md
+++ b/public/docs/get-started/introduction/build-and-push-first-image.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/7ge1s5nAa34" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/7ge1s5nAa34?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Build and push your first image"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/introduction/develop-with-containers.md b/public/docs/get-started/introduction/develop-with-containers.md
index e1a2529..81a5819 100644
--- a/public/docs/get-started/introduction/develop-with-containers.md
+++ b/public/docs/get-started/introduction/develop-with-containers.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/D0SDBrS3t9I" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/D0SDBrS3t9I?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Build and push your first image"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/public/docs/get-started/introduction/get-docker-desktop.md b/public/docs/get-started/introduction/get-docker-desktop.md
index 8cd678c..15fcfe7 100644
--- a/public/docs/get-started/introduction/get-docker-desktop.md
+++ b/public/docs/get-started/introduction/get-docker-desktop.md
@@ -2,10 +2,12 @@
 
 <div class="youtube-video">
    <iframe 
-    src="https://www.youtube.com/embed/C2bPVhiNU-0" 
-    frameborder="0" 
+    src="https://www.youtube-nocookie.com/embed/C2bPVhiNU-0?rel=0&modestbranding=1&playsinline=1" 
     allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
     allowfullscreen
+    loading="lazy"
+    title="Get Docker Desktop"
+    referrerpolicy="strict-origin-when-cross-origin"
    >
   </iframe>
 </div>
diff --git a/src/scripts/main.ts b/src/scripts/main.ts
index 0c11298..62dab0b 100644
--- a/src/scripts/main.ts
+++ b/src/scripts/main.ts
@@ -6,6 +6,34 @@ import './components/card-component';
 import { initializeMarkdownLoader } from './load_md';
 import { initializeTableContents } from './table-contents';
 import { initializeBreadcrumb } from './breadcrumb';
+import { ApplicationInsights } from '@microsoft/applicationinsights-web';
+
+// Application Insights 초기화
+const appInsights = new ApplicationInsights({
+  config: {
+    connectionString:
+      'InstrumentationKey=7bea0293-01dc-409c-9471-3a65567b11ed;IngestionEndpoint=https://koreacentral-0.in.applicationinsights.azure.com/;LiveEndpoint=https://koreacentral.livediagnostics.monitor.azure.com/;ApplicationId=ddbe985c-4d7a-41e4-80a8-a3961068933b',
+    enableAutoRouteTracking: true, // SPA 라우팅 자동 추적
+    enableCorsCorrelation: true,
+    enableRequestHeaderTracking: true,
+    enableResponseHeaderTracking: false, // 서버 응답 헤더 수집 불필요
+    enableAjaxErrorStatusText: true,
+    enableAjaxPerfTracking: true,
+    enableUnhandledPromiseRejectionTracking: true,
+    disableAjaxTracking: false,
+    disableFetchTracking: false,
+    loggingLevelConsole: 0, // 콘솔 로깅 비활성화
+    loggingLevelTelemetry: 1,
+    maxBatchSizeInBytes: 10000,
+    maxBatchInterval: 15000,
+    disableDataLossAnalysis: true,
+    disableCorrelationHeaders: false,
+    distributedTracingMode: 0, // 단일 서비스이므로 분산 추적 비활성화
+    enablePerfMgr: false,
+  },
+});
+appInsights.loadAppInsights();
+appInsights.trackPageView(); // Manually call trackPageView to establish the current user/session/pageview
 
 document.addEventListener('DOMContentLoaded', async () => {
   try {
diff --git a/src/styles/style.css b/src/styles/style.css
index 8f3e27e..a1527d8 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -1,5 +1,45 @@
 @import 'tailwindcss';
 
+/* 기본 폰트 설정 */
+@layer base {
+  /* 한국어 텍스트에 최적화된 시스템 폰트 스택 */
+  html {
+    font-family:
+      -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR',
+      'Malgun Gothic', '맑은 고딕', 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+      sans-serif;
+  }
+
+  /* 외부 웹폰트 최적화 (Google Fonts 등) */
+  @font-face {
+    font-family: 'Google Fonts Fallback';
+    src: local('system-ui'), local('-apple-system');
+    font-display: swap;
+  }
+}
+
+/* YouTube iframe 최적화 */
+@layer components {
+  .youtube-video {
+    @apply relative mx-auto w-full;
+    aspect-ratio: 16 / 9; /* 모던 브라우저용 */
+    /* 레거시 브라우저 대체 */
+    padding-bottom: 56.25%; /* 16:9 종횡비 */
+  }
+
+  /* 모던 브라우저에서 padding-bottom 제거 */
+  @supports (aspect-ratio: 16 / 9) {
+    .youtube-video {
+      padding-bottom: 0;
+    }
+  }
+
+  .youtube-video iframe {
+    @apply absolute top-0 left-0 h-full w-full rounded-lg;
+    border: none; /* frameborder 대체 */
+  }
+}
+
 /* 카드 컴포넌트 스타일 */
 @layer components {
   .card {