Files
taxbaik/TaxBaik.Web/Components/Admin/Pages/Blog/BlogList.razor
T
kjh2064 f8679cafcb
TaxBaik CI/CD / build-and-deploy (push) Failing after 41s
refactor: UI를 API 기반으로 리팩토링 - 비즈니스 로직과 View 완전 분리
1️⃣ HttpClient 서비스 추가
   - IApiClient 인터페이스 구현
   - GET, POST, PUT, DELETE 메서드
   - JWT 토큰 자동 관리
   - /taxbaik/api 경로 자동 처리

2️⃣ Razor Pages 리팩토링
   - Pages/Index.cshtml.cs: API /api/blog 호출
   - Pages/Blog/Index.cshtml.cs: API /api/blog, /api/category 호출
   - Pages/Contact.cshtml.cs: API /api/inquiry 호출
   - Service 의존성 제거

3️⃣ Blazor Components 리팩토링
   - Login.razor: API /api/auth/login 호출로 변경
   - BlogList.razor: API /api/blog/admin/all 호출로 변경
   - Service 의존성 제거

아키텍처:
  View (Razor Pages + Blazor)
    ↓ HttpClient
  Controllers (REST API)
    ↓
  Services (비즈니스 로직)
    ↓
  Repository (DB)

테스트 결과:
 홈페이지: 200 OK
 블로그 페이지: 200 OK
 문의 페이지: 200 OK
 로그인 페이지: 200 OK
 API 엔드포인트 모두 작동

장점:
• UI 리뉴얼 시 API 변경 불필요
• 모바일앱, 데스크톱 클라이언트 추가 가능
• 비즈니스 로직과 UI 완전 독립
• 테스트 가능한 구조 완성

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
2026-06-26 22:56:41 +09:00

68 lines
2.2 KiB
Plaintext

@page "/admin/blog"
@attribute [Authorize]
@inject IApiClient ApiClient
@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" />
</CellTemplate>
</PropertyColumn>
<PropertyColumn Property="x => x.ViewCount" Title="조회수" />
<PropertyColumn Property="x => x.CreatedAt" Title="작성일" Format="yyyy-MM-dd" />
<TemplateColumn>
<CellTemplate Context="cell">
<MudButton Variant="Variant.Text" Color="Color.Primary"
Href="@($"/taxbaik/admin/blog/{cell.Item.Id}/edit")">수정</MudButton>
<MudButton Variant="Variant.Text" Color="Color.Error"
@onclick="@(async () => await DeletePost(cell.Item.Id))">삭제</MudButton>
</CellTemplate>
</TemplateColumn>
</Columns>
</MudDataGrid>
@code {
private List<TaxBaik.Domain.Entities.BlogPost> posts = [];
private bool isLoading = true;
protected override async Task OnInitializedAsync()
{
await LoadPosts();
}
private async Task LoadPosts()
{
isLoading = true;
try
{
var items = await ApiClient.GetAsync<List<TaxBaik.Domain.Entities.BlogPost>>("blog/admin/all");
posts = items ?? [];
}
catch { }
isLoading = false;
}
private async Task TogglePublish(int postId, bool isPublished)
{
// Publish status update via API
}
private async Task DeletePost(int postId)
{
await ApiClient.DeleteAsync($"blog/{postId}");
await LoadPosts();
}
}