[📝] Blazor 코드 분석

This commit is contained in:
김선규 2025-04-21 17:57:25 +09:00
parent 0c7bdeb8d5
commit d31369f49c

View File

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