From 4f9361d7fb917393f017805e851f1be42faeb23b Mon Sep 17 00:00:00 2001
From: Seonkyu_Kim <sean.kk@daum.net>
Date: Wed, 7 May 2025 17:31:37 +0900
Subject: [PATCH] =?UTF-8?q?[=E2=9C=A8]=20=EB=A6=AC=EB=8B=A4=EC=9D=B4?=
 =?UTF-8?q?=EB=A0=89=ED=8A=B8=20=EA=B2=BD=EB=A1=9C=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EB=B0=8F=20=EA=B8=B0=ED=83=80=20=EC=BD=94=EB=93=9C=20=ED=95=99?=
 =?UTF-8?q?=EC=8A=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.razor                                   | 23 ++++++++++++++++++++-
 Front.csproj                                |  3 ---
 Program/Layout/MainLayout.razor             |  1 +
 Program/Views/Project/About.razor.cs        |  2 +-
 Program/Views/Project/RedirectPage.razor    |  1 +
 Program/Views/Project/RedirectPage.razor.cs | 15 ++++++++++++++
 Program/Views/Project/TopBanner.razor       |  2 --
 7 files changed, 40 insertions(+), 7 deletions(-)
 create mode 100644 Program/Views/Project/RedirectPage.razor
 create mode 100644 Program/Views/Project/RedirectPage.razor.cs

diff --git a/App.razor b/App.razor
index b43127c..ba4fb94 100644
--- a/App.razor
+++ b/App.razor
@@ -1,10 +1,31 @@
-<Router AppAssembly="@typeof(App).Assembly">
+<!--
+Router: Blazor의 라우팅 기능을 제공하는 컴포넌트
+AppAssembly: 현재 애플리케이션의 어셈블리를 지정
+    Blazor는 @page가 붙은 .razor 파일을 찾아서 App 어셈블리 안에서 자동으로 라우팅을 찾아 설정
+-->
+<Router AppAssembly="@typeof(App).Assembly">
     
+    @* <!-- *@
+    @* Found: URL에 해당하는 페이지가 존재해 라우팅이 성공적으로 이루어졌을 때 실행 *@
+    @*     Context="routeData": Found 컴포넌트에 전달된 해당하는 URL 페이지의 라우팅 정보를 routeData 라는 이름으로 사용 *@
+    @* RouteView: 실제로 해당 URL 에 해당하는 .razor 페이지를 렌더링 *@
+    @*     RouteData="@routeData": Found 에서 전달된 라우팅 결과 *@
+    @*     DefaultLayout="@typeof(MainLayout)": 해당 페이지에 @layout 이 없다면 사용 할 기본 레이아웃을 지정 *@
+    @* FocusOnNavigate: URL이 변경되었을 때 페이지의 특정 요소에 포커스를 맞추는 컴포넌트 - 접근성이나 키보드 탐색을 위한 UX 개선 요소 *@
+    @*     RouteData="@routeData": Found 에서 전달된 라우팅 결과 *@
+    @*     Selector="h1": 포커스를 맞출 요소를 지정 *@
+    @* --> *@
     <Found Context="routeData">
         <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)"/>
         <FocusOnNavigate RouteData="@routeData" Selector="h1"/>
     </Found>
 
+    <!--
+    NotFound: URL에 해당하는 페이지가 존재하지 않을 때 실행
+        LayoutView: 레이아웃을 지정하는 컴포넌트
+            Layout="@typeof(MainLayout)": 레이아웃을 지정
+        role="alert": 스크린 리더와 같은 보조 기술에 의해 읽히는 경고 메시지
+    -->
     <NotFound>
         <PageTitle>Not found</PageTitle>
         <LayoutView Layout="@typeof(MainLayout)">
diff --git a/Front.csproj b/Front.csproj
index c7e0319..7104658 100644
--- a/Front.csproj
+++ b/Front.csproj
@@ -29,9 +29,6 @@
       <Folder Include="Program\Models\" />
       <Folder Include="Program\ViewModels\" />
       <Folder Include="Program\Views\Academy\" />
-      <Folder Include="wwwroot\css\components\base\" />
-      <Folder Include="wwwroot\css\components\layout\" />
-      <Folder Include="wwwroot\css\components\reusable\" />
     </ItemGroup>
 
 
diff --git a/Program/Layout/MainLayout.razor b/Program/Layout/MainLayout.razor
index 2604c48..c31225c 100644
--- a/Program/Layout/MainLayout.razor
+++ b/Program/Layout/MainLayout.razor
@@ -9,6 +9,7 @@
         <SideNav />
 
         <main class="flex-1 p-6">
+            @* <!-- Body는 URL 뒤에 입력할 페이지에 따라서 그거에 맞는 @page를 찾아서 열어준다. --> *@
             @Body
         </main>
     </div>
diff --git a/Program/Views/Project/About.razor.cs b/Program/Views/Project/About.razor.cs
index 145471c..d1722ad 100644
--- a/Program/Views/Project/About.razor.cs
+++ b/Program/Views/Project/About.razor.cs
@@ -1,6 +1,6 @@
 using Microsoft.AspNetCore.Components;
 
-namespace Front.Program.Views.Company;
+namespace Front.Program.Views.Project;
 
 public partial class About : ComponentBase
 {
diff --git a/Program/Views/Project/RedirectPage.razor b/Program/Views/Project/RedirectPage.razor
new file mode 100644
index 0000000..1d13264
--- /dev/null
+++ b/Program/Views/Project/RedirectPage.razor
@@ -0,0 +1 @@
+@page "/"
diff --git a/Program/Views/Project/RedirectPage.razor.cs b/Program/Views/Project/RedirectPage.razor.cs
new file mode 100644
index 0000000..521d797
--- /dev/null
+++ b/Program/Views/Project/RedirectPage.razor.cs
@@ -0,0 +1,15 @@
+using Microsoft.AspNetCore.Components;
+
+namespace Front.Program.Views.Project;
+
+public partial class RedirectPage : ComponentBase
+{
+    [Inject]
+    private NavigationManager NavigationManager { get; set; } = default!;
+
+    protected override void OnInitialized()
+    {
+        // Redirect to the desired URL
+        NavigationManager.NavigateTo("/about",true);
+    }
+}
\ No newline at end of file
diff --git a/Program/Views/Project/TopBanner.razor b/Program/Views/Project/TopBanner.razor
index 90f1369..9293b44 100644
--- a/Program/Views/Project/TopBanner.razor
+++ b/Program/Views/Project/TopBanner.razor
@@ -5,7 +5,6 @@
 @* </div> *@
 
 <div class="relative bg-second-darker shadow p-4 flex items-center justify-center">
-  
     <!-- 왼쪽 아이콘 -->
     <div class="absolute left-4 flex items-center">
         <img src="/logo.png" alt="Icon" class="w-8 h-8">
@@ -16,5 +15,4 @@
 
     <!-- 오른쪽 가짜 공간 (아이콘 크기만큼) -->
     <div class="absolute right-4 w-8 h-8"></div>
-
 </div>