diff --git a/wwwroot/index.html b/wwwroot/index.html
index b3dffd4..10f3555 100644
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -2,23 +2,37 @@
 <html lang="en">
 
 <head>
+    <!-- 문자 인코딩 설정 -->
     <meta charset="utf-8" />
+    <!-- 반응형 웹 설정 -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- 브라우저의 탭에 표시되는 제목 -->
     <title>Front</title>
+    <!-- 라우팅 시스템을 위한 기본 주소. 절대 경로로 링크를 인식하게 함 -->
     <base href="/" />
+    <!-- CSS 파일 연결 부분 -->
+    <link rel="stylesheet" href="_content/Blazored.Modal/blazored-modal.css" />
+        <!-- BootStrap 프레임 워크 스타일 -->
     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
+        <!-- 프로젝트 전용 커스텀 스타일-->
     <link rel="stylesheet" href="css/app.css" />
-    <link rel="icon" type="image/png" href="favicon.png" />
+        <!-- .razor.css 들을 묶어서 자동으로 생성된 파일 -->    
     <link href="Front.styles.css" rel="stylesheet" />
+    
+    <!-- 브라우저 탭에 표시될 파비콘 설정 -->
+    <link rel="icon" type="image/png" href="favicon.png" />
 </head>
 
 <body>
     <div id="app">
+        <!-- 처음에는 로딩 에니션만 나오게 될것  -->
         <svg class="loading-progress">
             <circle r="40%" cx="50%" cy="50%" />
             <circle r="40%" cx="50%" cy="50%" />
         </svg>
         <div class="loading-progress-text"></div>
+
+        <!-- Blazor 가 제대로 실행이 되면 이 자리에 .razor UI가 들어가게 됨 -->
     </div>
 
     <div id="blazor-error-ui">
@@ -26,6 +40,7 @@
         <a href="" class="reload">Reload</a>
         <a class="dismiss">🗙</a>
     </div>
+    <!-- WASM 를 브라우저에서 실행시켜주는 핵심 JS 파일이며 이게 실행되어야 .razor 파일들이 렌더링된다. -->
     <script src="_framework/blazor.webassembly.js"></script>
 </body>
 
