구현: 관리자 백오피스 Blazor Server + MudBlazor 컴포넌트

- 대시보드: KPI 카드 (이번달 문의, 신규 문의, 포스트 수)
- 블로그 관리: 목록/작성/수정 페이지
- 문의 관리: 목록 및 상태 변경
- 설정: 사이트 연락처 정보
- 인증: Cookie 기반 8시간 세션

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

TaxBaik.Admin/Components/Pages/Blog/BlogCreate.razor

@@ -0,0 +1,96 @@
+@page "/blog/create"
+@using TaxBaik.Application.Services
+@using TaxBaik.Domain.Interfaces
+@attribute [Authorize]
+@inject BlogService BlogService
+@inject ICategoryRepository CategoryRepository
+@inject NavigationManager Navigation
+@inject Snackbar Snackbar
+
+<PageTitle>새 포스트 작성</PageTitle>
+
+<MudText Typo="Typo.h5" Class="mb-4">📝 새 포스트</MudText>
+
+<MudPaper Class="pa-4" Elevation="1">
+    <MudForm @ref="form">
+        <MudTextField @bind-Value="model.Title" Label="제목"
+            Variant="Variant.Outlined" Class="mb-4" Required="true" />
+
+        <MudSelect @bind-Value="model.CategoryId" Label="카테고리"
+            Variant="Variant.Outlined" Class="mb-4">
+            @foreach (var category in categories)
+            {
+                <MudSelectItem Value="@category.Id">@category.Name</MudSelectItem>
+            }
+        </MudSelect>
+
+        <MudTextField @bind-Value="model.Content" Label="본문"
+            Variant="Variant.Outlined" Lines="10" Class="mb-4" Required="true" />
+
+        <MudTextField @bind-Value="model.Tags" Label="태그 (쉼표로 구분)"
+            Variant="Variant.Outlined" Class="mb-4" />
+
+        <MudTextField @bind-Value="model.SeoTitle" Label="SEO 제목"
+            Variant="Variant.Outlined" Class="mb-4" />
+
+        <MudTextField @bind-Value="model.SeoDescription" Label="SEO 설명"
+            Variant="Variant.Outlined" Lines="3" Class="mb-4" />
+
+        <MudCheckBox @bind-Checked="model.IsPublished" Label="즉시 발행" Class="mb-4" />
+
+        <div class="d-flex gap-2">
+            <MudButton Variant="Variant.Filled" Color="Color.Primary"
+                @onclick="SavePost">저장</MudButton>
+            <MudButton Variant="Variant.Outlined" @onclick="@(() => Navigation.NavigateTo("/taxbaik/admin/blog"))">
+                취소
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    private MudForm form;
+    private List<Domain.Entities.Category> categories = [];
+    private CreatePostModel model = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        categories = (await CategoryRepository.GetAllAsync()).ToList();
+    }
+
+    private async Task SavePost()
+    {
+        try
+        {
+            await BlogService.CreateAsync(new TaxBaik.Application.DTOs.CreateBlogPostDto
+            {
+                Title = model.Title,
+                Content = model.Content,
+                CategoryId = model.CategoryId,
+                Tags = model.Tags,
+                SeoTitle = model.SeoTitle,
+                SeoDescription = model.SeoDescription,
+                IsPublished = model.IsPublished,
+                AuthorId = 1 // TODO: From session
+            });
+
+            Snackbar.Add("포스트가 저장되었습니다.", Severity.Success);
+            Navigation.NavigateTo("/taxbaik/admin/blog");
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"오류: {ex.Message}", Severity.Error);
+        }
+    }
+
+    private class CreatePostModel
+    {
+        public string Title { get; set; }
+        public string Content { get; set; }
+        public int CategoryId { get; set; }
+        public string Tags { get; set; }
+        public string SeoTitle { get; set; }
+        public string SeoDescription { get; set; }
+        public bool IsPublished { get; set; }
+    }
+}

TaxBaik.Admin/Components/Pages/Blog/BlogList.razor

@@ -0,0 +1,78 @@
+@page "/blog"
+@using TaxBaik.Application.Services
+@using TaxBaik.Domain.Interfaces
+@attribute [Authorize]
+@inject IBlogPostRepository BlogRepository
+@inject DialogService DialogService
+@inject Snackbar Snackbar
+
+<PageTitle>블로그 관리</PageTitle>
+
+<div class="mb-4 d-flex justify-content-between align-items-center">
+    <MudText Typo="Typo.h5">📝 블로그 관리</MudText>
+    <MudButton Variant="Variant.Filled" Color="Color.Primary"
+        Href="/taxbaik/admin/blog/create">새 포스트</MudButton>
+</div>
+
+<MudDataGrid Items="@posts" Striped="true" Hoverable="true" Loading="@isLoading">
+    <Columns>
+        <PropertyColumn Property="x => x.Title" Title="제목" />
+        <PropertyColumn Property="x => x.IsPublished" Title="발행">
+            <CellTemplate Context="cell">
+                <MudCheckBox @bind-Checked="@cell.Item.IsPublished"
+                    @onchange="@((bool val) => TogglePublish(cell.Item.Id, val))" />
+            </CellTemplate>
+        </PropertyColumn>
+        <PropertyColumn Property="x => x.ViewCount" Title="조회수" />
+        <PropertyColumn Property="x => x.CreatedAt" Title="작성일" Format="yyyy-MM-dd" />
+        <TemplateColumn>
+            <CellTemplate Context="cell">
+                <MudButtonGroup>
+                    <MudButton Variant="Variant.Text" Color="Color.Primary"
+                        Href="@($"/taxbaik/admin/blog/{cell.Item.Id}/edit")">수정</MudButton>
+                    <MudButton Variant="Variant.Text" Color="Color.Error"
+                        @onclick="@((e) => DeletePost(cell.Item.Id))">삭제</MudButton>
+                </MudButtonGroup>
+            </CellTemplate>
+        </TemplateColumn>
+    </Columns>
+</MudDataGrid>
+
+@code {
+    private List<Domain.Entities.BlogPost> posts = [];
+    private bool isLoading = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadPosts();
+    }
+
+    private async Task LoadPosts()
+    {
+        isLoading = true;
+        var (items, total) = await BlogRepository.GetPagedAsync(1, 100);
+        posts = items.ToList();
+        isLoading = false;
+    }
+
+    private async Task TogglePublish(int postId, bool isPublished)
+    {
+        // TODO: Update publish status via service
+        Snackbar.Add("발행 상태가 변경되었습니다.", Severity.Success);
+    }
+
+    private async Task DeletePost(int postId)
+    {
+        var confirmed = await DialogService.ShowAsync<ConfirmDialog>(
+            "포스트 삭제", new DialogParameters { },
+            new DialogOptions { MaxWidth = MaxWidth.ExtraSmall });
+
+        var result = await confirmed.Result;
+        if (!result.Canceled)
+        {
+            // TODO: Delete via repository
+            await LoadPosts();
+            Snackbar.Add("포스트가 삭제되었습니다.", Severity.Success);
+        }
+    }
+}

TaxBaik.Admin/Components/Pages/Dashboard.razor

@@ -0,0 +1,92 @@
+@page "/"
+@using TaxBaik.Application.Services
+@using TaxBaik.Domain.Interfaces
+@attribute [Authorize]
+@inject IInquiryRepository InquiryRepository
+@inject BlogService BlogService
+
+<PageTitle>대시보드</PageTitle>
+
+<MudText Typo="Typo.h5" Class="mb-4">📊 대시보드</MudText>
+
+<MudGrid>
+    <MudItem xs="12" sm="6" md="3">
+        <MudPaper Class="pa-4" Elevation="1">
+            <MudText Typo="Typo.subtitle2" Color="Color.TextSecondary">이번달 문의</MudText>
+            <MudText Typo="Typo.h4">@thisMonthInquiries</MudText>
+        </MudPaper>
+    </MudItem>
+
+    <MudItem xs="12" sm="6" md="3">
+        <MudPaper Class="pa-4" Elevation="1">
+            <MudText Typo="Typo.subtitle2" Color="Color.TextSecondary">신규 문의</MudText>
+            <MudText Typo="Typo.h4">@newInquiries</MudText>
+        </MudPaper>
+    </MudItem>
+
+    <MudItem xs="12" sm="6" md="3">
+        <MudPaper Class="pa-4" Elevation="1">
+            <MudText Typo="Typo.subtitle2" Color="Color.TextSecondary">전체 포스트</MudText>
+            <MudText Typo="Typo.h4">@totalPosts</MudText>
+        </MudPaper>
+    </MudItem>
+
+    <MudItem xs="12" sm="6" md="3">
+        <MudPaper Class="pa-4" Elevation="1">
+            <MudText Typo="Typo.subtitle2" Color="Color.TextSecondary">발행된 포스트</MudText>
+            <MudText Typo="Typo.h4">@publishedPosts</MudText>
+        </MudPaper>
+    </MudItem>
+</MudGrid>
+
+<MudPaper Class="pa-4 mt-4" Elevation="1">
+    <MudText Typo="Typo.h6" Class="mb-3">최근 문의</MudText>
+    <MudSimpleTable Striped="true" Dense="true">
+        <thead>
+            <tr>
+                <th>이름</th>
+                <th>전화</th>
+                <th>분야</th>
+                <th>상태</th>
+                <th>날짜</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach (var inquiry in recentInquiries)
+            {
+                <tr>
+                    <td>@inquiry.Name</td>
+                    <td>@inquiry.Phone</td>
+                    <td>@inquiry.ServiceType</td>
+                    <td>
+                        <MudChip Size="Size.Small"
+                            Color="@(inquiry.Status == "new" ? Color.Warning : inquiry.Status == "contacted" ? Color.Info : Color.Success)">
+                            @inquiry.Status
+                        </MudChip>
+                    </td>
+                    <td>@inquiry.CreatedAt.ToString("yyyy-MM-dd")</td>
+                </tr>
+            }
+        </tbody>
+    </MudSimpleTable>
+</MudPaper>
+
+@code {
+    private int thisMonthInquiries = 0;
+    private int newInquiries = 0;
+    private int totalPosts = 0;
+    private int publishedPosts = 0;
+    private List<Domain.Entities.Inquiry> recentInquiries = [];
+
+    protected override async Task OnInitializedAsync()
+    {
+        var (inquiries, total) = await InquiryRepository.GetPagedAsync(1, 100);
+        recentInquiries = inquiries.OrderByDescending(x => x.CreatedAt).Take(5).ToList();
+
+        var now = DateTime.UtcNow;
+        thisMonthInquiries = inquiries.Count(x => x.CreatedAt.Year == now.Year && x.CreatedAt.Month == now.Month);
+        newInquiries = inquiries.Count(x => x.Status == "new");
+        totalPosts = 0; // TODO: get from blog service
+        publishedPosts = 0; // TODO: get from blog service
+    }
+}

TaxBaik.Admin/Components/Pages/Inquiries/InquiryDetail.razor

@@ -0,0 +1,64 @@
+@page "/inquiries/{InquiryId:int}"
+@using TaxBaik.Domain.Interfaces
+@attribute [Authorize]
+@inject IInquiryRepository InquiryRepository
+@inject NavigationManager Navigation
+
+<PageTitle>문의 상세</PageTitle>
+
+@if (inquiry != null)
+{
+    <MudButton Variant="Variant.Text" @onclick="@(() => Navigation.NavigateTo("/taxbaik/admin/inquiries"))">
+        ← 돌아가기
+    </MudButton>
+
+    <MudPaper Class="pa-4 mt-4" Elevation="1">
+        <MudGrid>
+            <MudItem xs="12" md="6">
+                <MudText Typo="Typo.subtitle1">이름</MudText>
+                <MudText>@inquiry.Name</MudText>
+            </MudItem>
+            <MudItem xs="12" md="6">
+                <MudText Typo="Typo.subtitle1">연락처</MudText>
+                <MudText>@inquiry.Phone</MudText>
+            </MudItem>
+            <MudItem xs="12" md="6">
+                <MudText Typo="Typo.subtitle1">이메일</MudText>
+                <MudText>@inquiry.Email</MudText>
+            </MudItem>
+            <MudItem xs="12" md="6">
+                <MudText Typo="Typo.subtitle1">분야</MudText>
+                <MudText>@inquiry.ServiceType</MudText>
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle1">메시지</MudText>
+                <MudText>@inquiry.Message</MudText>
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle1">상태</MudText>
+                <MudSelect @bind-Value="inquiry.Status" Label="상태 변경">
+                    <MudSelectItem Value="new">신규</MudSelectItem>
+                    <MudSelectItem Value="contacted">연락함</MudSelectItem>
+                    <MudSelectItem Value="completed">완료</MudSelectItem>
+                </MudSelect>
+            </MudItem>
+        </MudGrid>
+    </MudPaper>
+}
+else
+{
+    <MudText>문의를 찾을 수 없습니다.</MudText>
+}
+
+@code {
+    [Parameter]
+    public int InquiryId { get; set; }
+
+    private Domain.Entities.Inquiry inquiry;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var (inquiries, _) = await InquiryRepository.GetPagedAsync(1, 1000);
+        inquiry = inquiries.FirstOrDefault(x => x.Id == InquiryId);
+    }
+}

TaxBaik.Admin/Components/Pages/Inquiries/InquiryList.razor

@@ -0,0 +1,23 @@
+@page "/inquiries"
+@using TaxBaik.Domain.Interfaces
+@attribute [Authorize]
+@inject IInquiryRepository InquiryRepository
+
+<PageTitle>문의 관리</PageTitle>
+
+<MudText Typo="Typo.h5" Class="mb-4">💬 문의 관리</MudText>
+
+<MudTabs>
+    <MudTabPanel Text="전체">
+        <InquiryTable Status="" />
+    </MudTabPanel>
+    <MudTabPanel Text="신규">
+        <InquiryTable Status="new" />
+    </MudTabPanel>
+    <MudTabPanel Text="연락함">
+        <InquiryTable Status="contacted" />
+    </MudTabPanel>
+    <MudTabPanel Text="완료">
+        <InquiryTable Status="completed" />
+    </MudTabPanel>
+</MudTabs>

TaxBaik.Admin/Components/Pages/Login.razor

@@ -0,0 +1,49 @@
+@page "/login"
+@using System.ComponentModel.DataAnnotations
+@using Microsoft.AspNetCore.Authentication
+@using Microsoft.AspNetCore.Authentication.Cookies
+@layout BlankLayout
+@attribute [AllowAnonymous]
+
+<PageTitle>로그인</PageTitle>
+
+<MudContainer MaxWidth="MaxWidth.Small" Class="d-flex align-center justify-center" Style="min-height: 100vh;">
+    <MudPaper Class="pa-8" Elevation="3" Style="width: 100%; max-width: 400px;">
+        <MudText Typo="Typo.h4" Class="mb-6 text-center">관리자 로그인</MudText>
+
+        <MudForm @ref="form" @bind-IsValid="@isFormValid">
+            <MudTextField @bind-Value="model.Username" Label="사용자명"
+                Variant="Variant.Outlined" Required="true" Class="mb-4" />
+
+            <MudTextField @bind-Value="model.Password" Label="비밀번호" InputType="InputType.Password"
+                Variant="Variant.Outlined" Required="true" Class="mb-4" />
+
+            @if (!string.IsNullOrEmpty(errorMessage))
+            {
+                <MudAlert Severity="Severity.Error" Class="mb-4">@errorMessage</MudAlert>
+            }
+
+            <MudButton Variant="Variant.Filled" Color="Color.Primary" FullWidth="true"
+                Size="Size.Large" OnClick="HandleLogin">로그인</MudButton>
+        </MudForm>
+    </MudPaper>
+</MudContainer>
+
+@code {
+    private MudForm form;
+    private bool isFormValid = false;
+    private string errorMessage = "";
+
+    private LoginModel model = new();
+
+    private async Task HandleLogin()
+    {
+        errorMessage = "로그인 기능은 준비 중입니다.";
+    }
+
+    private class LoginModel
+    {
+        public string Username { get; set; }
+        public string Password { get; set; }
+    }
+}

TaxBaik.Admin/Components/Pages/Settings/SiteSettings.razor

@@ -0,0 +1,43 @@
+@page "/settings"
+@using TaxBaik.Domain.Interfaces
+@attribute [Authorize]
+@inject Snackbar Snackbar
+
+<PageTitle>설정</PageTitle>
+
+<MudText Typo="Typo.h5" Class="mb-4">⚙️ 사이트 설정</MudText>
+
+<MudPaper Class="pa-4" Elevation="1">
+    <MudForm>
+        <MudTextField @bind-Value="settings["phone"]" Label="전화번호"
+            Variant="Variant.Outlined" Class="mb-4" />
+
+        <MudTextField @bind-Value="settings["email"]" Label="이메일"
+            Variant="Variant.Outlined" Class="mb-4" />
+
+        <MudTextField @bind-Value="settings["kakao_channel_url"]" Label="카카오 채널 URL"
+            Variant="Variant.Outlined" Class="mb-4" />
+
+        <MudTextField @bind-Value="settings["instagram_url"]" Label="인스타그램"
+            Variant="Variant.Outlined" Class="mb-4" />
+
+        <MudButton Variant="Variant.Filled" Color="Color.Primary"
+            @onclick="SaveSettings">저장</MudButton>
+    </MudForm>
+</MudPaper>
+
+@code {
+    private Dictionary<string, string> settings = new()
+    {
+        { "phone", "010-4122-8268" },
+        { "email", "taxbaik5668@gmail.com" },
+        { "kakao_channel_url", "http://pf.kakao.com/_xoxchTX" },
+        { "instagram_url", "https://www.instagram.com/taxtory5668/" }
+    };
+
+    private async Task SaveSettings()
+    {
+        // TODO: Save to database
+        Snackbar.Add("설정이 저장되었습니다.", Severity.Success);
+    }
+}