From d31369f49c6197f26a58cb5bdecc7e5a5d4bc856 Mon Sep 17 00:00:00 2001
From: Seonkyu_Kim <sean.kk@daum.net>
Date: Mon, 21 Apr 2025 17:57:25 +0900
Subject: [PATCH] =?UTF-8?q?[=F0=9F=93=9D]=20Blazor=20=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=EB=B6=84=EC=84=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wwwroot/index.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)
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>
 
