Compare commits
166 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 041d3cae96 | |||
| 29a633e5fc | |||
| dda600d4e1 | |||
| 32029bff92 | |||
| 3d0cf1132c | |||
| 7ff8689a72 | |||
| b2dd217017 | |||
| e044acea17 | |||
| 29910d4d1b | |||
| e9a6ca9797 | |||
| 8095251eba | |||
| 6508282732 | |||
| ea447495d3 | |||
| c00d002972 | |||
| 83c1254a3e | |||
| e5981769b9 | |||
| d015bb6c92 | |||
| f29910030e | |||
| 8db3c1d220 | |||
| 328cfc0772 | |||
| 9b7e6eda4c | |||
| 059109b064 | |||
| 58ab7f44fa | |||
| c54b01bdc8 | |||
| 5d1eeb8485 | |||
| 04a5e15435 | |||
| 5ca1fe8620 | |||
| 56a7d0475b | |||
| 07e6a2a4ef | |||
| 9d99ab9f33 | |||
| 4b7bdbaffb | |||
| 8f41148756 | |||
| 41e130d26a | |||
| e202faa431 | |||
| f519df3e37 | |||
| 9c5a091e5a | |||
| 54a57b2306 | |||
| cc1fff44c0 | |||
| f8d81d8af0 | |||
| 484ece7a92 | |||
| 8202c3278b | |||
| 76446ee0f0 | |||
| 84f2839d9b | |||
| 24e94436e2 | |||
| d246071835 | |||
| ba981e7332 | |||
| f0b77b0e3f | |||
| 527a8821d8 | |||
| 3821914cf5 | |||
| ece69d576a | |||
| d45dbbc06d | |||
| e65612def8 | |||
| bb11a1bb87 | |||
| ae9380ddb3 | |||
| d8c52583ba | |||
| 585f426f0b | |||
| c8cf654131 | |||
| ebdcb4fd22 | |||
| 0ffb149296 | |||
| 870b51ece4 | |||
| b1ac7129d9 | |||
| 500d163ebc | |||
| d780fecf8c | |||
| b1601b0305 | |||
| e6253fdc83 | |||
| c885c6b234 | |||
| 96c7ab5e54 | |||
| 3f486d9fe9 | |||
| f68c968aed | |||
| 984da933ca | |||
| 3dd1cbb6ce | |||
| a3d294b6ff | |||
| e2d3eb9195 | |||
| 77aaed814c | |||
| d7ca51b741 | |||
| bc210969e2 | |||
| 6642f3d6f1 | |||
| 67f2f4b5d6 | |||
| faf4273e6d | |||
| 15c261a49d | |||
| b06c0f99fb | |||
| ad55bd1884 | |||
| e0b8d4e370 | |||
| e65f01b196 | |||
| 124b3b4dfc | |||
| 3785bc7a70 | |||
| bd44ec7c5f | |||
| cb47349a25 | |||
| b3cab87539 | |||
| 1fc3b6c0a4 | |||
| da9f49c973 | |||
| 1839c2c3d1 | |||
| df4c555dd1 | |||
| e1348226c6 | |||
| 97e7cfb867 | |||
| 11772d1f46 | |||
| 84e0577e89 | |||
| 31cc5603c9 | |||
| 0d36d27631 | |||
| 60c31d7ccb | |||
| 42a0d2ae3b | |||
| e599ef9ad8 | |||
| 223d916012 | |||
| f1cc0ca35c | |||
| e1325a1688 | |||
| 29b25cb1b4 | |||
| 8d72d2a0c2 | |||
| 1cdb172b07 | |||
| 864497e56f | |||
| 19c9b9b17a | |||
| 988b166118 | |||
| 78d3990484 | |||
| b3c4ee430d | |||
| 7b27f748de | |||
| abad1630b6 | |||
| 6ffff70ece | |||
| ed8ac34542 | |||
| 6b14ce929e | |||
| e830c08263 | |||
| a1065e8233 | |||
| 7cdb0bf8e9 | |||
| 8bea85df96 | |||
| 127490906b | |||
| ada05e254d | |||
| 7602f5be59 | |||
| 777cdcd918 | |||
| 0f6ba33af3 | |||
| 6d263c20bf | |||
| c9bf4f4f6f | |||
| b12d2ae0c6 | |||
| f9cbafdb3d | |||
| 64de7d2304 | |||
| 1f628b49a8 | |||
| a4a2499c7d | |||
| 6b11b64135 | |||
| a60451b95f | |||
| 2a046d0393 | |||
| 62ce89359a | |||
| 32c5a3d042 | |||
| 68291867f9 | |||
| d24f3f58db | |||
| 71cd2c1129 | |||
| 24ecf89028 | |||
| ff6651c4f2 | |||
| f892b85b7e | |||
| 62a7b2f2ef | |||
| 184ff2259b | |||
| 163812e964 | |||
| ba158f9824 | |||
| b2477d977b | |||
| 80c97fba96 | |||
| 1fb3a3c329 | |||
| abd7bbf016 | |||
| c765db37b3 | |||
| 967a784d6e | |||
| 03809bbf26 | |||
| c626c164f8 | |||
| 15f5dcf4ea | |||
| a84f842490 | |||
| 8999e51d4e | |||
| f98405b791 | |||
| ee964457d9 | |||
| 54c179b1eb | |||
| 488b8d11b7 | |||
| 65c5f19a2f | |||
| eaacbc8d7f |
@@ -49,12 +49,13 @@ jobs:
|
||||
# Suppress stderr and allow failures to handle transition/down periods cleanly
|
||||
VERSION_BODY="$(curl -fsS "http://${DEPLOY_HOST}/taxbaik/version.json" 2>/dev/null || true)"
|
||||
BLOG_STATUS="$(curl -s -o /dev/null -w '%{http_code}' "http://${DEPLOY_HOST}/taxbaik/blog/accountant-mistakes-5" || true)"
|
||||
if echo "$VERSION_BODY" | grep -q "\"version\": \"${SHORT_VERSION}\"" && [ "$BLOG_STATUS" = "200" ]; then
|
||||
LOGIN_STATUS="$(curl -s -o /dev/null -w '%{http_code}' "http://${DEPLOY_HOST}/taxbaik/admin/login" || true)"
|
||||
if echo "$VERSION_BODY" | grep -q "\"version\": \"${SHORT_VERSION}\"" && [ "$BLOG_STATUS" = "200" ] && [ "$LOGIN_STATUS" = "200" ]; then
|
||||
echo "✓ Deployment ready for ${SHORT_VERSION} (attempt $i/20)"
|
||||
exit 0
|
||||
fi
|
||||
if [ $i -lt 20 ]; then
|
||||
echo " Attempt $i/20: waiting for deployment... (blog=${BLOG_STATUS:-?}, version=${VERSION_BODY:0:30}...)"
|
||||
echo " Attempt $i/20: waiting for deployment... (blog=${BLOG_STATUS:-?}, login=${LOGIN_STATUS:-?}, version=${VERSION_BODY:0:30}...)"
|
||||
sleep 3
|
||||
fi
|
||||
done
|
||||
@@ -72,6 +73,23 @@ jobs:
|
||||
echo "Running E2E tests on Desktop Chrome (production verification)"
|
||||
npx playwright test --project="Desktop Chrome" --reporter=html --reporter=list
|
||||
|
||||
- name: API smoke verification
|
||||
env:
|
||||
DEPLOY_HOST: ${{ secrets.DEPLOY_HOST }}
|
||||
E2E_ADMIN_USERNAME: test_admin
|
||||
E2E_ADMIN_PASSWORD: TestAdmin@123456
|
||||
run: |
|
||||
set -e
|
||||
TOKEN="$(curl -s -X POST "http://${DEPLOY_HOST}/taxbaik/api/auth/login" -H "Content-Type: application/json" -d "{\"username\":\"${E2E_ADMIN_USERNAME}\",\"password\":\"${E2E_ADMIN_PASSWORD}\"}" | python3 -c 'import sys, json; print(json.load(sys.stdin)["accessToken"])')"
|
||||
test -n "$TOKEN"
|
||||
curl -fsS -H "Authorization: Bearer $TOKEN" "http://${DEPLOY_HOST}/taxbaik/api/blog/admin?page=1&pageSize=1" >/dev/null
|
||||
curl -fsS -H "Authorization: Bearer $TOKEN" "http://${DEPLOY_HOST}/taxbaik/api/faq" >/dev/null
|
||||
curl -fsS -H "Authorization: Bearer $TOKEN" "http://${DEPLOY_HOST}/taxbaik/api/announcement" >/dev/null
|
||||
curl -fsS -H "Authorization: Bearer $TOKEN" "http://${DEPLOY_HOST}/taxbaik/api/inquiry?page=1&pageSize=1" >/dev/null
|
||||
curl -fsS "http://${DEPLOY_HOST}/taxbaik/favicon.svg" >/dev/null
|
||||
curl -fsS "http://${DEPLOY_HOST}/taxbaik/favicon.ico" >/dev/null
|
||||
curl -fsS "http://${DEPLOY_HOST}/taxbaik/robots.txt" >/dev/null
|
||||
|
||||
- name: Browser E2E summary
|
||||
if: always()
|
||||
run: |
|
||||
|
||||
+52
-16
@@ -20,18 +20,21 @@ jobs:
|
||||
dotnet-version: '10.0'
|
||||
|
||||
- name: Restore dependencies
|
||||
run: dotnet restore TaxBaik.sln
|
||||
run: dotnet restore src/TaxBaik.sln
|
||||
|
||||
- name: Build solution
|
||||
run: |
|
||||
dotnet clean TaxBaik.sln -c Release
|
||||
dotnet build TaxBaik.sln -c Release --no-restore
|
||||
dotnet clean src/TaxBaik.sln -c Release
|
||||
dotnet build src/TaxBaik.sln -c Release --no-restore
|
||||
|
||||
- name: Test solution
|
||||
run: dotnet test TaxBaik.sln -c Release --no-build
|
||||
run: dotnet test src/TaxBaik.sln -c Release --no-build
|
||||
|
||||
- name: Publish Web
|
||||
run: dotnet publish TaxBaik.Web/ -c Release -o ./publish --no-restore
|
||||
- name: Publish Web (auto-includes WASM from referenced TaxBaik.Web.Client)
|
||||
run: dotnet publish src/TaxBaik.Web/ -c Release -o ./publish --no-restore
|
||||
|
||||
- name: Publish Proxy
|
||||
run: dotnet publish src/TaxBaik.Proxy/ -c Release -o ./publish/proxy
|
||||
|
||||
- name: Write production secrets
|
||||
run: |
|
||||
@@ -67,13 +70,27 @@ jobs:
|
||||
)'
|
||||
test -s ./publish/appsettings.Production.json || { echo "appsettings.Production.json is empty" >&2; exit 1; }
|
||||
|
||||
- name: Verify proxy artifact
|
||||
run: |
|
||||
test -s ./publish/proxy/TaxBaik.Proxy.dll || { echo "TaxBaik.Proxy.dll missing" >&2; exit 1; }
|
||||
test -s ./publish/proxy/TaxBaik.Proxy.runtimeconfig.json || { echo "TaxBaik.Proxy.runtimeconfig.json missing" >&2; exit 1; }
|
||||
|
||||
- name: Copy migrations
|
||||
run: cp -r db/migrations ./publish/migrations || true
|
||||
run: mkdir -p ./publish/db && cp -r db/migrations ./publish/db/ || true
|
||||
|
||||
- name: Validate migration version uniqueness
|
||||
run: bash scripts/validate_migrations.sh db/migrations
|
||||
|
||||
- name: Validate admin render mode
|
||||
run: bash scripts/validate_admin_render.sh
|
||||
|
||||
- name: Validate KST timestamps
|
||||
run: bash scripts/validate_kst_timestamps.sh
|
||||
|
||||
- name: Generate build info
|
||||
run: |
|
||||
COMMIT_HASH=$(git rev-parse --short HEAD)
|
||||
BUILD_TIME=$(date -u +'%Y-%m-%d %H:%M:%S UTC')
|
||||
BUILD_TIME=$(TZ=Asia/Seoul date +'%Y-%m-%d %H:%M:%S KST')
|
||||
mkdir -p ./publish/wwwroot
|
||||
printf '{\n "version": "%s",\n "built": "%s"\n}\n' "$COMMIT_HASH" "$BUILD_TIME" > ./publish/wwwroot/version.json
|
||||
echo "✓ Build: $COMMIT_HASH @ $BUILD_TIME"
|
||||
@@ -100,13 +117,20 @@ jobs:
|
||||
|
||||
- name: Package artifact
|
||||
run: |
|
||||
cp deploy_gb.sh ./publish/deploy_gb.sh
|
||||
mkdir -p ./publish/scripts
|
||||
cp scripts/validate_migrations.sh ./publish/scripts/validate_migrations.sh
|
||||
chmod +x ./publish/scripts/validate_migrations.sh
|
||||
cp scripts/validate_admin_render.sh ./publish/scripts/validate_admin_render.sh
|
||||
chmod +x ./publish/scripts/validate_admin_render.sh
|
||||
tar -czf taxbaik_deploy.tgz -C ./publish .
|
||||
echo "✓ Package: $(du -sh taxbaik_deploy.tgz | cut -f1)"
|
||||
|
||||
- name: Deploy & verify on server
|
||||
run: |
|
||||
set -e
|
||||
TIMESTAMP=$(date +%Y%m%d_%H%M%S)
|
||||
export TAXBAIK_DEPLOY_FROM_CI=1
|
||||
TIMESTAMP=$(TZ=Asia/Seoul date +%Y%m%d_%H%M%S)
|
||||
COMMIT=$(git rev-parse --short HEAD)
|
||||
DEPLOY_HOST="${{ secrets.DEPLOY_HOST }}"
|
||||
DEPLOY_USER="${{ secrets.DEPLOY_USER }}"
|
||||
@@ -148,7 +172,7 @@ jobs:
|
||||
# 2. 서버에서 배포 + 헬스 체크 (SSH 1회 연결로 처리, Green-Blue 지원)
|
||||
ssh -i ~/.ssh/id_ed25519 -o StrictHostKeyChecking=yes \
|
||||
-o ServerAliveInterval=10 \
|
||||
"$DEPLOY_USER@$DEPLOY_HOST" bash << REMOTE
|
||||
"$DEPLOY_USER@$DEPLOY_HOST" TAXBAIK_DEPLOY_FROM_CI=1 bash << REMOTE
|
||||
set -e
|
||||
DEPLOY_HOME="/home/kjh2064"
|
||||
DEPLOY_DIR="\$DEPLOY_HOME/deployments/taxbaik_${TIMESTAMP}"
|
||||
@@ -162,12 +186,17 @@ jobs:
|
||||
echo "--- [2/5] 운영 설정 검증 ---"
|
||||
test -s "\$DEPLOY_DIR/appsettings.Production.json" \
|
||||
|| { echo "FATAL: appsettings.Production.json 없음" >&2; exit 1; }
|
||||
test -s "\$DEPLOY_DIR/proxy/TaxBaik.Proxy.dll" \
|
||||
|| { echo "FATAL: TaxBaik.Proxy.dll 없음" >&2; exit 1; }
|
||||
|
||||
echo "--- [3/5] 심볼릭 링크 전환 ---"
|
||||
ln -sfn "\$DEPLOY_DIR" "\$DEPLOY_HOME/taxbaik_active"
|
||||
echo "--- [3/5] 마이그레이션 사전 검증 ---"
|
||||
test -x "\$DEPLOY_DIR/scripts/validate_migrations.sh" \
|
||||
|| { echo "FATAL: validate_migrations.sh 없음" >&2; exit 1; }
|
||||
"\$DEPLOY_DIR/scripts/validate_migrations.sh" "\$DEPLOY_DIR/db/migrations" "postgresql://taxbaik:taxbaik123@localhost:5432/taxbaikdb"
|
||||
|
||||
echo "--- [4/5] 서비스 재시작 ---"
|
||||
sudo /usr/bin/systemctl restart taxbaik
|
||||
echo "--- [4/5] Green-Blue 배포 실행 ---"
|
||||
chmod +x "\$DEPLOY_DIR/deploy_gb.sh"
|
||||
"\$DEPLOY_DIR/deploy_gb.sh" "\$DEPLOY_DIR"
|
||||
|
||||
echo "--- [5/5] 헬스 체크 (최대 60초) ---"
|
||||
ATTEMPTS=20
|
||||
@@ -191,13 +220,20 @@ jobs:
|
||||
fi
|
||||
echo "✓ [3/4] 버전 정보 확인 완료"
|
||||
|
||||
# 검증 3: 관리자 로그인 페이지
|
||||
# 검증 4: 5001 프록시 확인
|
||||
if ! ss -tlnp | grep -q ':5001 '; then
|
||||
echo "❌ 5001 프록시가 실행 중이 아님" >&2
|
||||
exit 1
|
||||
fi
|
||||
echo "✓ [4/5] 5001 프록시 확인 완료"
|
||||
|
||||
# 검증 5: 관리자 로그인 페이지
|
||||
LOGIN_STATUS=\$(curl -sf -o /dev/null -w '%{http_code}' http://127.0.0.1:5001/taxbaik/admin/login 2>/dev/null || echo "000")
|
||||
if [ "\$LOGIN_STATUS" != "200" ]; then
|
||||
echo "❌ 관리자 로그인 페이지 로드 실패 (상태: \$LOGIN_STATUS)" >&2
|
||||
exit 1
|
||||
fi
|
||||
echo "✓ [4/4] 관리자 페이지 로드 완료"
|
||||
echo "✓ [5/5] 관리자 페이지 로드 완료"
|
||||
|
||||
echo "✓ 서비스 정상 (시도 \$i/\$ATTEMPTS)"
|
||||
# 구 배포 디렉토리 정리 (최근 5개 보존)
|
||||
|
||||
@@ -60,3 +60,6 @@ PublishProfiles/
|
||||
.env
|
||||
.env.local
|
||||
appsettings.Development.json
|
||||
|
||||
# Scratch / temporary work - never commit, see docs/ENGINEERING_HARNESS.md
|
||||
.scratch/
|
||||
|
||||
@@ -1,4 +1,20 @@
|
||||
# CLAUDE.md — TaxBaik 개발 지침
|
||||
# CLAUDE.md — TaxBaik 운영 메모
|
||||
|
||||
## 우선 기준
|
||||
|
||||
1. [docs/INDEX.md](./docs/INDEX.md)
|
||||
2. [docs/ENGINEERING_HARNESS.md](./docs/ENGINEERING_HARNESS.md)
|
||||
3. [docs/DOUZONE_UX_GUIDE.md](./docs/DOUZONE_UX_GUIDE.md)
|
||||
4. [docs/COMMON_CODE_POLICY.md](./docs/COMMON_CODE_POLICY.md)
|
||||
5. [docs/COMBO_POLICY.md](./docs/COMBO_POLICY.md)
|
||||
|
||||
이 파일은 실행 절차, 서버 메모, 과거 이력만 둔다. 아키텍처/UX/콤보 기준은 위 문서를 따른다.
|
||||
|
||||
## Gitea Token Rule
|
||||
|
||||
- `GITEA_TOKEN_TAXBAIK`만 사용한다.
|
||||
- `GITEA_TOKEN`은 사용하지 않는다.
|
||||
- dispatch 전에는 `GET /api/v1/user`로 토큰 유효성을 먼저 확인한다.
|
||||
|
||||
## 🏗️ **아키텍처 리팩토링 (API-First 전환)**
|
||||
|
||||
@@ -12,23 +28,6 @@ Blazor (UI만, 사용자 액션 후 API 재조회) ← API (모든 로직) ← D
|
||||
Blazor 데이터 변경 자동 push/broadcast 금지
|
||||
```
|
||||
|
||||
### UI 기준 원칙 (2026-06-29 추가)
|
||||
- 기본 디자인 템플릿은 `https://v5.fluentui-blazor.net/` 기준으로 한다.
|
||||
- 신규 또는 리팩토링 UI는 Fluent UI Blazor v5 패턴을 우선 적용한다.
|
||||
- MudBlazor는 레거시 폐기 대상이다. 새 UI나 리팩토링 UI에서는 사용하지 않는다.
|
||||
- 기존 MudBlazor 잔여 코드는 Fluent v5 또는 순수 HTML/CSS로 점진 전환한다.
|
||||
- 기본 로딩 상태는 `Skeleton`이다. `MudProgressCircular` / `MudProgressLinear`는 예외적으로만 사용한다.
|
||||
- `MudDataGrid`, `MudDialog`, `MudTabs`는 폐기 대상이다. 새 작업에서는 사용하지 말고 Fluent v5 또는 순수 HTML/CSS 패턴으로 대체한다.
|
||||
- 목록, 카드, 대시보드, 상세 페이지의 초기 데이터 상태는 스켈톤으로 먼저 렌더링하고, 데이터 수신 후 실제 UI로 교체한다.
|
||||
- 로딩 중 블로킹 스피너보다 스켈톤을 우선한다.
|
||||
- 관리자와 공개 사이트는 가능한 한 같은 `design-tokens.css` / `ui-primitives.css` 기반으로 구성한다.
|
||||
- Blazor 진입점은 중복 매핑하지 말고, 동일 호스트 내에서 라우트 충돌이 없도록 단일 엔트리 기준으로 구성한다.
|
||||
- `@page` 중복이나 동일 경로의 Razor Pages + Blazor 중복 선언은 배포 전에 반드시 제거한다.
|
||||
|
||||
### 레거시 정책
|
||||
- MudBlazor, MudDataGrid, MudDialog, MudTabs는 신규 도입 금지다.
|
||||
- 남아 있는 레거시 UI는 우선순위에 따라 Fluent v5 또는 순수 HTML/CSS로 교체한다.
|
||||
|
||||
### SOLID 기반 순차 마이그레이션 전략
|
||||
|
||||
#### Phase 1-3: API Foundations ✅
|
||||
@@ -46,7 +45,6 @@ Blazor (UI만, 사용자 액션 후 API 재조회) ← API (모든 로직) ← D
|
||||
- AdminDashboardClient 구현
|
||||
- 서비스 inject → API 호출로 변경
|
||||
- 에러 처리 & 로딩 상태
|
||||
- 기본 로딩은 Skeleton 적용
|
||||
- [x] 구조: IAdminDashboardClient → HttpClient 추상화
|
||||
|
||||
**완료**: 2026-06-28 / Blazor 컴포넌트가 API 클라이언트를 통해 RESTful 엔드포인트 호출
|
||||
@@ -90,21 +88,83 @@ _refreshTokenExpirationMinutes = 10080;
|
||||
- [x] 공개 콘텐츠 & 기본 관리 (Clients, TaxFilings, FAQs, Announcements)
|
||||
- [x] CRM & 세무관리 (TaxProfile, TaxFilingSchedule, Contract, ConsultingActivity, RevenueTracking)
|
||||
|
||||
**현재 상태**: **✅ Phase 1-7 COMPLETE (2026-06-28)**
|
||||
- 모든 API 엔드포인트 구현됨
|
||||
- 모든 Browser Client 구현됨
|
||||
- 16개 Blazor 페이지 API-First 마이그레이션 완료
|
||||
- 과거 기록: 관리 화면에서 그리드/모달 UX를 빠르게 안정화한 단계
|
||||
- 모달 패턴 (흰 화면 플래시 제거)
|
||||
- ConfirmDialog 삭제 확인 컴포넌트
|
||||
**완료**: 2026-06-28 / 모든 도메인 API-First 마이그레이션 완료
|
||||
|
||||
### 2026-06-29 운영 기준 업데이트
|
||||
- 관리자 백오피스는 Fluent UI v5 우선 구조로 재정리한다.
|
||||
- 기본 로딩은 스피너가 아니라 Skeleton이다.
|
||||
- `design-tokens.css`와 `ui-primitives.css`는 사이트/관리자 공통의 기본 계층이다.
|
||||
- 라우팅 충돌은 가장 먼저 확인할 항목이며, 동일 경로가 두 번 등록되는 구조를 만들지 않는다.
|
||||
- 커밋은 기능/호스팅/UI/CSS처럼 주제별로 분리한다.
|
||||
- 레거시 제거 우선순위는 `MudBlazor` 계열 UI가 1순위다.
|
||||
#### Phase 8: WebAssembly 렌더 모드 전환 ✅ (2026-07-03)
|
||||
- [x] InteractiveWebAssemblyRenderMode 적용 (Blazor Server → WebAssembly)
|
||||
- [x] Admin 컴포넌트 WebAssembly 클라이언트 전환
|
||||
- [x] 서버 상태 관리 제거 (Circuit 불필요)
|
||||
- [x] 클라이언트-서버 완전 분리
|
||||
- [x] E2E 테스트 검증 (20/20 통과 - 프로덕션)
|
||||
|
||||
**구현 상세**:
|
||||
```csharp
|
||||
// Program.cs - Admin UI 렌더 모드
|
||||
app.MapRazorComponents<TaxBaik.WasmClient.Components.Admin.App>()
|
||||
.AddInteractiveWebAssemblyRenderMode()
|
||||
.AddAdditionalAssemblies(typeof(TaxBaik.WasmClient._Imports).Assembly) // ⭐ 필수!
|
||||
.AllowAnonymous();
|
||||
```
|
||||
|
||||
**⚠️ 중요: AddAdditionalAssemblies 필수 이유**:
|
||||
- Root 컴포넌트(App.razor)만으로는 모든 WASM 컴포넌트를 탐색할 수 없음
|
||||
- Routes.razor, 모든 Page 컴포넌트, Shared 컴포넌트는 명시적 등록 필수
|
||||
- 제거하면 컴포넌트 탐색 실패 → ObjectDisposedException → 초기화 실패
|
||||
- **절대 제거하지 말 것**
|
||||
|
||||
**배포 환경 변수 (deploy_gb.sh)**:
|
||||
```bash
|
||||
# ✅ 반드시 설정해야 함
|
||||
export ASPNETCORE_ENVIRONMENT=Production
|
||||
export ASPNETCORE_URLS="http://127.0.0.1:$TARGET_PORT"
|
||||
export ConnectionStrings__Default="Host=localhost;Database=taxbaikdb;Username=taxbaik;Password=<실제비밀>"
|
||||
export DOTNET_PRINT_TELEMETRY_MESSAGE=false
|
||||
|
||||
# ❌ 누락하면 배포 실패 (Missing connection string)
|
||||
```
|
||||
|
||||
**효과**:
|
||||
- ✅ 무상태 서버 (stateless)
|
||||
- ✅ 클라이언트 사이드 렌더링 (CSR)
|
||||
- ✅ 서버 부하 0 (Circuit 메모리 해제)
|
||||
- ✅ 동시 접속 무제한 (확장성 ∞)
|
||||
- ✅ Green-Blue 무중단 배포 검증됨
|
||||
- ✅ E2E 테스트로 모든 페이지 검증됨
|
||||
- ✅ ERP 프로젝트 아키텍처 준비 완료
|
||||
|
||||
**완료**: 2026-07-03 / WebAssembly 기반 아키텍처 확정 + 프로덕션 검증
|
||||
|
||||
**⚠️ Phase 8 알려진 한계 (Phase 9에서 수정됨)**:
|
||||
Phase 8에서는 `<Routes>`(App.razor)와 `<Router>`(Routes.razor)에 전역 `@rendermode`를 지정해 `prerender: false`로 고정했다. 그 결과 로그인 화면을 포함한 모든 어드민 페이지가 WASM 다운로드 완료 전까지 빈 화면/스피너만 보여주는 문제가 있었다(`scripts/validate_admin_render.sh`에 이 트레이드오프가 "기능 우선, 흰 화면 0.5~2초 감수"로 기록되어 있었음). 이는 `docs/ENGINEERING_HARNESS.md`의 "로그인 화면은 예외적으로 서버 프리렌더 허용" 규칙을 충족하지 못한 상태였다. Phase 9에서 페이지별 개별 렌더모드 지정으로 교체했다.
|
||||
|
||||
#### Phase 9: 어드민 페이지별 렌더모드 정상화 ✅ (2026-07-03)
|
||||
- [x] `App.razor`/`Routes.razor`에서 전역 `@rendermode` 제거 (Router/Routes 자체는 렌더모드를 강제하지 않음)
|
||||
- [x] `Login.razor`만 `@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: true))`로 명시 → 로그인 폼이 최초 HTML 응답에 정적으로 포함되어 WASM 다운로드 중에도 즉시 표시됨
|
||||
- [x] 나머지 `[Authorize]` 어드민 페이지는 `@rendermode @(new InteractiveWebAssemblyRenderMode(prerender: false))`로 명시 유지 → 인증 컨텍스트 없이 prerender될 때 `AuthorizeRouteView`가 빈 화면을 그리는 문제(Phase 8 초기에 겪었던 문제) 재발 방지
|
||||
- [x] WASM 부팅 완료 전 로그인 버튼은 "준비 중" 비활성 상태로 표시, 부팅 완료 시 정상 상태로 전환(업데이트 스플래시)
|
||||
|
||||
**핵심 원칙**: Blazor Web App은 "전역 렌더모드" 또는 "페이지별 렌더모드" 중 하나만 선택할 수 있다. Router/Routes에 렌더모드를 지정하면 그 하위 모든 페이지의 개별 `@rendermode` 지시자는 무시된다. 로그인만 예외적으로 prerender가 필요하므로 전역 방식을 버리고 페이지별 방식으로 전환했다.
|
||||
|
||||
**완료**: 2026-07-03 / 로그인 흰 화면 제거 + 인증 페이지 안정성 유지
|
||||
|
||||
**보류된 결정 (2026-07-03, 향후 별도 Phase)**:
|
||||
- 공개 홈페이지 Razor Pages → MVC(Controller+View) 전면 재작성: 기능적 이득 없이 운영 중인 SEO 트래픽 페이지 전체를 기계적으로 재작성하는 고비용 작업이라 이번엔 보류. 필요 시 Phase 10으로 별도 진행.
|
||||
- 포털(고객용, `Pages/Portal/*`, 현재 Razor Pages + 쿠키/OAuth) → 어드민과 동일한 MudBlazor+WASM 전환: 완전히 새로운 프로젝트 구조가 필요해 이번 범위에서 제외. 필요 시 Phase 11로 별도 진행.
|
||||
|
||||
**현재 상태**: **✅ Phase 1-9 COMPLETE & VERIFIED (2026-07-03)**
|
||||
- ✅ 모든 API 엔드포인트 구현됨
|
||||
- ✅ 모든 Browser Client 구현됨
|
||||
- ✅ 16개 Blazor 페이지 API-First 마이그레이션 완료
|
||||
- ✅ MudDataGrid 더존 세무회계프로그램 UX 수준 적용
|
||||
- ✅ MudDialog 모달 패턴 (흰 화면 플래시 제거)
|
||||
- ✅ ConfirmDialog 삭제 확인 컴포넌트
|
||||
- ✅ **WebAssembly 렌더 모드 완전 적용** (Admin UI 클라이언트 사이드)
|
||||
- ✅ **E2E 테스트 검증 완료** (20/20 테스트 통과 - 프로덕션 환경)
|
||||
- Desktop Chrome: 5/5
|
||||
- iPhone 12: 5/5
|
||||
- iPad Pro: 5/5
|
||||
- Galaxy S9+: 5/5
|
||||
- ✅ 배포 스크립트 환경 변수 강화
|
||||
|
||||
---
|
||||
|
||||
@@ -144,8 +204,8 @@ _refreshTokenExpirationMinutes = 10080;
|
||||
**Phase 7-4: CRM & 세무관리 (신규 - 2026-06-28)** ✅
|
||||
- 5개 API Controller (TaxProfile, TaxFilingSchedule, ConsultingActivity, Contract, RevenueTracking)
|
||||
- 5개 Browser Client (API-First 패턴)
|
||||
- 5개 Blazor 페이지 (그리드 Dense, Virtualize, 모달 패턴)
|
||||
- Douzone ERP 수준의 그리드 UX (32px 행 높이, 데이터 밀도 최적화)
|
||||
- 5개 Blazor 페이지 (MudDataGrid Dense, Virtualize, Modal Dialog)
|
||||
- 더존 세무회계프로그램 수준의 그리드 UX (32px 행 높이, 데이터 밀도 최적화)
|
||||
|
||||
| 페이지 | API | Client | Blazor | 핵심 기능 |
|
||||
|------|---|---|---|---------|
|
||||
@@ -156,8 +216,8 @@ _refreshTokenExpirationMinutes = 10080;
|
||||
| RevenueTrackings | ✅ RevenueTrackingController | ✅ IRevenueTrackingBrowserClient | ✅ List + Modal | 청구/납부 추적, 상태 관리 |
|
||||
|
||||
**UI 특성**:
|
||||
- Dense 그리드 + Virtualize (1000+ 행 성능)
|
||||
- Create/Edit 모달 (흰 화면 플래시 방지)
|
||||
- MudDataGrid Dense (행높이 32px) + Virtualize (1000+ 행 성능)
|
||||
- MudDialog Create/Edit (흰 화면 플래시 방지)
|
||||
- ConfirmDialog Delete (사용자 확인)
|
||||
- Status Color Chips (Error/Warning/Success)
|
||||
- Client 링크 (상세 페이지 연동)
|
||||
@@ -170,27 +230,42 @@ _refreshTokenExpirationMinutes = 10080;
|
||||
|
||||
---
|
||||
|
||||
## 🏗️ **최종 아키텍처**
|
||||
## 🏗️ **최종 아키텍처 (Phase 8: WebAssembly)**
|
||||
|
||||
```
|
||||
Blazor Pages (UI 계층)
|
||||
🌐 브라우저 (클라이언트)
|
||||
↓ (WebAssembly 런타임)
|
||||
Admin Pages (CSR - 클라이언트 사이드 렌더링)
|
||||
↓ (Browser Client 주입)
|
||||
IXxxBrowserClient 추상화 (클라이언트 계층)
|
||||
↓ (HTTP)
|
||||
IXxxBrowserClient 추상화 (HttpClient 기반)
|
||||
↓ (HTTP/REST API)
|
||||
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
|
||||
🖥️ 서버 (ASP.NET Core 10 - 무상태/Stateless)
|
||||
API Controllers (애플리케이션 계층)
|
||||
↓ (서비스 호출)
|
||||
Services (비즈니스 로직)
|
||||
↓ (저장소 호출)
|
||||
Repositories (데이터 계층)
|
||||
↓ (SQL)
|
||||
PostgreSQL Database
|
||||
↓ (SQL/Dapper)
|
||||
🗄️ PostgreSQL 18
|
||||
```
|
||||
|
||||
**Lite Blazor 데이터 갱신**:
|
||||
- Blazor Server 자동 연결은 컴포넌트 상호작용용 기본 회선으로만 사용한다.
|
||||
- 데이터 변경 알림용 별도 Hub, 그룹, broadcast, client subscription을 추가하지 않는다.
|
||||
- 저장/삭제/완료 같은 사용자 액션 이후 필요한 목록만 API로 다시 조회한다.
|
||||
- 공지사항, 문의, 고객, 신고 등 도메인 CRUD 기능은 그대로 유지한다.
|
||||
**WebAssembly 렌더 모드 (Phase 8)**:
|
||||
- Admin UI는 **클라이언트 사이드에서 완전 렌더링** (WebAssembly)
|
||||
- 서버는 **순수 API 역할** (Circuit 메모리 0)
|
||||
- 모든 비즈니스 로직은 서버 API에만 존재
|
||||
- 클라이언트는 API 호출 + 상태 관리만 담당
|
||||
|
||||
**API-First 데이터 패턴**:
|
||||
- Blazor Server의 자동 연결/Circuit 미사용
|
||||
- 사용자 액션 후 필요한 데이터는 API로 조회
|
||||
- 데이터 변경 broadcast/push 금지
|
||||
- 각 도메인 CRUD는 REST API 엔드포인트만 사용
|
||||
|
||||
**확장성 (ERP 대비)**:
|
||||
- 서버 메모리: Circuit 해제로 무제한 확장 가능
|
||||
- 동시 접속: Stateless 아키텍처로 수평 확장
|
||||
- WebAssembly 클라이언트: 독립적 배포 가능 (향후 WASM-only 앱 지원)
|
||||
|
||||
---
|
||||
|
||||
@@ -215,17 +290,25 @@ PostgreSQL Database
|
||||
|
||||
**Blazor 페이지 & UI 고도화 (Phase 7-4)**:
|
||||
- [x] 5개 CRM/세무관리 Blazor 페이지
|
||||
- [x] Dense 그리드 + Virtualize (32px 행 높이)
|
||||
- [x] 모달 Create/Edit (흰 화면 플래시 제거)
|
||||
- [x] MudDataGrid Dense + Virtualize (32px 행 높이)
|
||||
- [x] MudDialog 모달 Create/Edit (흰 화면 플래시 제거)
|
||||
- [x] ConfirmDialog 삭제 확인
|
||||
- [x] 상태별 컬러 칩 (Status/Risk Level)
|
||||
- [x] 클라이언트 링크 (상세 페이지 연동)
|
||||
- [x] D-day 추적, MRR 계산, 팔로업 자동 추적
|
||||
|
||||
**WebAssembly 렌더 모드 (Phase 8 - 2026-07-03)**:
|
||||
- [x] InteractiveWebAssemblyRenderMode 적용
|
||||
- [x] Admin 컴포넌트 클라이언트 사이드 렌더링
|
||||
- [x] 서버 Circuit 메모리 완전 해제
|
||||
- [x] Stateless 아키텍처 확정
|
||||
- [x] ERP 프로젝트 아키텍처 준비
|
||||
|
||||
**빌드 & 배포**:
|
||||
- [x] 0 오류, 모든 경고 기록됨
|
||||
- [x] 모든 커밋 Gitea에 푸시됨
|
||||
- [x] CI/CD 자동 배포 준비 완료
|
||||
- [x] WebAssembly 렌더 모드 검증 완료
|
||||
|
||||
---
|
||||
|
||||
@@ -267,25 +350,37 @@ PostgreSQL Database
|
||||
**단일 앱 구조** (공개 사이트 + 관리자까지 하나의 ASP.NET Core 앱):
|
||||
|
||||
```
|
||||
TaxBaik.Domain 클래스 라이브러리 (엔티티, 인터페이스, enum)
|
||||
TaxBaik.Infrastructure 클래스 라이브러리 (Dapper repository, DB 마이그레이션)
|
||||
TaxBaik.Application 클래스 라이브러리 (서비스, DTO, 비즈니스 로직)
|
||||
TaxBaik.Web ASP.NET Core 앱 (포트 5001)
|
||||
├─ Pages/ Razor Pages (공개 홈페이지, 블로그, 문의폼)
|
||||
├─ Components/
|
||||
│ ├─ (Web pages)
|
||||
│ └─ Admin/ Blazor Server (관리자 백오피스)
|
||||
│ ├─ Pages/
|
||||
│ ├─ Layout/
|
||||
│ └─ App.razor
|
||||
└─ Services/ 인증, 블로그, 문의 등
|
||||
src/ 빌드 가능한 .NET 소스 전체 (CI는 이 폴더만 빌드 대상으로 참조)
|
||||
TaxBaik.Domain 클래스 라이브러리 (엔티티, 인터페이스, enum)
|
||||
TaxBaik.Infrastructure 클래스 라이브러리 (Dapper repository, DB 마이그레이션)
|
||||
TaxBaik.Application 클래스 라이브러리 (서비스, DTO, 비즈니스 로직)
|
||||
TaxBaik.Web ASP.NET Core 앱 (포트 5001 - 서버는 순수 API)
|
||||
├─ Pages/ Razor Pages (공개 홈페이지, 블로그, 문의폼)
|
||||
├─ Components/
|
||||
│ ├─ (Web pages)
|
||||
│ └─ App.razor Blazor Root (WebAssembly 렌더링)
|
||||
└─ Services/ 인증, 블로그, 문의 등 (API만 제공)
|
||||
|
||||
TaxBaik.Web.Client (NEW) Blazor WebAssembly WASM 클라이언트
|
||||
├─ _Imports.razor 네임스페이스 임포트
|
||||
└─ Components/
|
||||
└─ Admin/ 관리자 페이지 (클라이언트 사이드)
|
||||
├─ Pages/ (모든 페이지)
|
||||
├─ Layout/ (레이아웃)
|
||||
├─ Shared/ (공유 컴포넌트)
|
||||
├─ App.razor Root 컴포넌트
|
||||
└─ Routes.razor 라우팅 정의
|
||||
```
|
||||
|
||||
**경로:**
|
||||
- 홈페이지: `/taxbaik` (Razor Pages)
|
||||
- 관리자: `/taxbaik/admin` (Blazor Server)
|
||||
- 관리자: `/taxbaik/admin` (Blazor WebAssembly - CSR)
|
||||
- 로그인: `/taxbaik/admin/login`
|
||||
|
||||
**렌더링 방식**:
|
||||
- 공개 사이트: SSR (Razor Pages) - SEO 최적화
|
||||
- 관리자 페이지: CSR (Blazor WebAssembly) - 클라이언트 사이드
|
||||
|
||||
**운영 원칙:**
|
||||
- 단일 앱, 단일 서비스, 단일 배포 경로를 유지한다.
|
||||
- 운영 변경은 코드 또는 CI에서만 반영한다.
|
||||
@@ -366,7 +461,7 @@ ssh taxbaik-tunnel # 터널 유지
|
||||
psql -h localhost -U taxbaik -d taxbaikdb -c "\dt"
|
||||
|
||||
# 또는 .NET 앱 실행 (자동으로 마이그레이션 실행)
|
||||
dotnet run -p TaxBaik.Web
|
||||
dotnet run -p src/TaxBaik.Web
|
||||
```
|
||||
|
||||
#### 단계 3: 개발 워크플로우 (단일 앱 통합)
|
||||
@@ -376,7 +471,7 @@ dotnet run -p TaxBaik.Web
|
||||
ssh -L 5432:127.0.0.1:5432 kjh2064@178.104.200.7
|
||||
|
||||
# 터미널 2: 통합 Web 앱 (Razor Pages + Blazor Server Admin)
|
||||
cd TaxBaik.Web
|
||||
cd src/TaxBaik.Web
|
||||
dotnet run
|
||||
# 접속:
|
||||
# - 홈페이지: http://localhost:5001/taxbaik
|
||||
@@ -590,33 +685,46 @@ ssh kjh2064@178.104.200.7
|
||||
|
||||
배포는 수동 실행이 아니라 **Gitea Actions CI/CD**만 사용한다.
|
||||
|
||||
**표준 배포 (현재)**:
|
||||
1. `master` 브랜치에 push
|
||||
2. Gitea Actions가 `TaxBaik.Web`을 build/publish
|
||||
3. CI가 서버의 `taxbaik` 서비스와 `~/taxbaik_active`를 갱신
|
||||
4. CI가 서비스 재시작 후 `/taxbaik/admin/login`으로 헬스 체크
|
||||
**무중단 Green-Blue 배포 아키텍처 (2026-06-30 적용 완료)**:
|
||||
1. **프록시 레이어**: 포트 `5001`에서 영구 가동되는 초경량 .NET TCP 프록시([TaxBaik.Proxy])가 수신 대기합니다. Nginx는 `/taxbaik` 트래픽을 기존과 같이 `5001`로 중계합니다.
|
||||
2. **동적 포트 스위칭**: 프록시는 요청이 들어올 때마다 `/home/kjh2064/taxbaik_port` 파일을 읽어 active 포트(5003 또는 5004)를 판단하고 트래픽을 포워딩합니다.
|
||||
3. **배포 흐름 (`deploy_gb.sh`)**:
|
||||
- Gitea Actions가 코드를 build/publish 후 압축하여 서버에 업로드합니다.
|
||||
- 서버의 배포 스크립트([deploy_gb.sh])가 실행되어 현재 미사용 중인 예비 포트(Target Port: 5003 또는 5004)를 파악합니다.
|
||||
- 예비 포트에서 새 .NET 웹 앱을 실행하고 `http://127.0.0.1:$target_port/taxbaik/healthz` 헬스 체크를 통과할 때까지 폴링(최대 60초)합니다.
|
||||
- 헬스 체크 성공 시 `/home/kjh2064/taxbaik_port` 파일에 새 포트 번호를 기입하여 **트래픽을 즉시 무중단 전환**합니다.
|
||||
- 기존 포트에서 동작하던 구버전 .NET 프로세스를 종료(`kill -15`)합니다.
|
||||
- 만약 헬스 체크 실패 시 새 프로세스만 강제 종료하고 배포를 롤백하여 실서비스 다운타임을 방지합니다.
|
||||
|
||||
**API 클라이언트 설정 (Green-Blue 대비)**:
|
||||
- API 클라이언트 Base URL이 이제 동적 설정됨: `appsettings.json` > `ApiClient:BaseUrl`
|
||||
- 기본값: `http://localhost:5001/taxbaik/api/`
|
||||
- 배포 시 환경변수로 오버라이드 가능:
|
||||
```bash
|
||||
export ApiClient__BaseUrl="http://localhost:5002/taxbaik/api/"
|
||||
systemctl start taxbaik # 새 포트에 배포
|
||||
```
|
||||
- Nginx가 `/taxbaik` → active 포트로 라우팅하면 자동 전환됨
|
||||
**배포 환경 변수 (deploy_gb.sh에서 반드시 설정)**:
|
||||
```bash
|
||||
export ASPNETCORE_ENVIRONMENT=Production
|
||||
export ASPNETCORE_URLS="http://127.0.0.1:$TARGET_PORT"
|
||||
export ConnectionStrings__Default="Host=localhost;Database=taxbaikdb;Username=taxbaik;Password=taxbaik123"
|
||||
export DOTNET_PRINT_TELEMETRY_MESSAGE=false
|
||||
```
|
||||
|
||||
⚠️ **필수 주의사항**:
|
||||
- `ConnectionStrings__Default` 누락 시 배포 실패 (Missing connection string)
|
||||
- 환경 변수는 dotnet 프로세스 시작 전에 export되어야 함
|
||||
- deploy_gb.sh의 "Starting New App on Port" 섹션에서 설정 필수
|
||||
|
||||
**운영 규칙**:
|
||||
- 로컬 또는 서버에서 수동 `dotnet publish`로 운영 배포하지 않는다
|
||||
- `rsync`로 직접 아티팩트를 올리지 않는다
|
||||
- 배포 실패 시 CI 로그를 먼저 본다
|
||||
- 배포된 아티팩트는 CI가 만든 것만 신뢰한다
|
||||
- 배포 후 검증은 홈, 관리자 로그인 페이지, 로그인 API를 모두 포함한다
|
||||
- 로컬 또는 서버에서 수동 `dotnet publish`로 운영 배포하지 않는다.
|
||||
- 배포 실패 시 Gitea Actions CI/CD 로그 및 `~/deployments/taxbaik_timestamp/web_*.log`를 먼저 확인한다.
|
||||
- `Missing connection string` → deploy_gb.sh 환경 변수 확인
|
||||
- `core dumped` + `Health check failed` → Program.cs 초기화 에러 확인
|
||||
- 배포 후 최종 검증:
|
||||
- ✅ E2E 테스트 (20/20 통과 기준)
|
||||
- ✅ 프록시 포트 경유 (www.taxbaik.com)
|
||||
- ✅ 메인 홈페이지 HTTP 200
|
||||
- ✅ 관리자 로그인 페이지 로드
|
||||
- ✅ 로그인 API 응답
|
||||
|
||||
**롤백**:
|
||||
- 이전 정상 커밋을 `master`에 revert 또는 hotfix로 되돌린다
|
||||
- 서버 파일을 수동으로 복구하지 않는다
|
||||
- 롤백은 커밋 단위로 추적 가능해야 한다
|
||||
- 배포 실패 시 자동 롤백 (이전 포트로 즉시 복구)
|
||||
- 수동 롤백: 이전 정상 커밋을 `master`에 revert 후 다시 배포
|
||||
- 긴급 복구: 서버의 `taxbaik_port` 파일 수동 수정
|
||||
|
||||
### 3.4 서비스 파일 위치
|
||||
```
|
||||
@@ -780,6 +888,22 @@ ssh kjh2064@178.104.200.7 crontab -l | grep backup
|
||||
|
||||
---
|
||||
|
||||
## 5-1. 블로그 & FAQ 콘텐츠 작성 규칙
|
||||
|
||||
**핵심**: 고객 임파워먼트 (당신도 할 수 있습니다!)
|
||||
- ✅ 주변에서 흔히 보는 실제 사례 (이름, 나이, 직업 구체화)
|
||||
- ✅ 절세 효과 수치화 ("세금을 X만 원 절약했습니다")
|
||||
- ✅ 중학교 2학년도 이해 가능한 수준
|
||||
- ✅ 단계별 설명 + 표로 시각화
|
||||
- ✅ 결론: "정확하게 하면 이런 이점이 있습니다" (임파워먼트)
|
||||
|
||||
**피해야 할 톤**: "복잡하니까 맡기세요" (세무사 의존성 강화)
|
||||
**세무사 언급**: "더 복잡하면 전문가와 상담하세요" (선택지)
|
||||
|
||||
**자세한 템플릿 및 체크리스트**: `BLOG_TEMPLATE.md` 참고
|
||||
|
||||
---
|
||||
|
||||
## 6. 코드 규칙
|
||||
|
||||
### 6.1 C# 네이밍
|
||||
@@ -990,12 +1114,10 @@ Admin 로그인 페이지만 [AllowAnonymous]:
|
||||
- 전역 상태 불필요 (세션 → DB에서 읽음)
|
||||
- 페이지 로드 시 `OnInitializedAsync`에서 데이터 가져오기
|
||||
- 업데이트는 `StateHasChanged()` 호출
|
||||
- 초기 렌더는 Skeleton 우선
|
||||
- 로딩이 필요한 목록/카드/대시보드는 `items == null` 또는 `summary == null` 패턴으로 스켈톤 렌더링
|
||||
|
||||
### 8.6 어드민 그리드 UX (Dorsum ERP 수준)
|
||||
### 8.6 어드민 그리드 UX (더존 세무회계프로그램 수준)
|
||||
|
||||
**목표**: 패드/PC에 특화된 고밀도 데이터 표시 + ERP 수준의 상호작용성
|
||||
**목표**: 패드/PC에 특화된 고밀도 데이터 표시 + 더존식 상호작용성
|
||||
|
||||
#### 그리드 기본 원칙
|
||||
- **데이터 밀도**: 줄 높이 32px, 최대 주요 정보 5-7개 컬럼 (시각적 혼잡 제거)
|
||||
@@ -1011,11 +1133,9 @@ Admin 로그인 페이지만 [AllowAnonymous]:
|
||||
- **페이징**: 하단 "1/10" 표시 + 이전/다음 버튼 (기본 20행/페이지)
|
||||
- **검색**: 우상단 검색 박스 (실시간 필터링, 하이라이트 처리)
|
||||
|
||||
#### UI 적용 패턴
|
||||
#### MudBlazor 적용 패턴
|
||||
```razor
|
||||
```razor
|
||||
<!-- 과거 예시: 현재는 Fluent v5 표나 HTML table로 대체 -->
|
||||
<YourGridComponent T="YourItem"
|
||||
<MudDataGrid T="YourItem"
|
||||
Dense="true"
|
||||
Hover="true"
|
||||
Striped="true"
|
||||
@@ -1041,8 +1161,7 @@ Admin 로그인 페이지만 [AllowAnonymous]:
|
||||
</CellTemplate>
|
||||
</TemplateColumn>
|
||||
</Columns>
|
||||
</YourGridComponent>
|
||||
```
|
||||
</MudDataGrid>
|
||||
```
|
||||
|
||||
#### 색상 & 상태 표시
|
||||
@@ -1157,7 +1276,7 @@ Admin 로그인 페이지만 [AllowAnonymous]:
|
||||
<!-- 로딩 상태 -->
|
||||
@if (items == null)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="taxbaik-skeleton-grid" />
|
||||
<MudProgressCircular Indeterminate="true" Class="mt-4" />
|
||||
}
|
||||
<!-- 빈 상태 -->
|
||||
else if (items.Count == 0)
|
||||
@@ -1167,9 +1286,7 @@ else if (items.Count == 0)
|
||||
<!-- 데이터 그리드 -->
|
||||
else
|
||||
{
|
||||
```razor
|
||||
<!-- 과거 예시: 현재는 Fluent v5 표나 HTML table로 대체 -->
|
||||
<YourGridComponent T="YourEntity"
|
||||
<MudDataGrid T="YourEntity"
|
||||
Items="@items"
|
||||
Dense="true"
|
||||
Hover="true"
|
||||
@@ -1180,16 +1297,13 @@ else
|
||||
<Columns>
|
||||
<!-- 필수: 컬럼 정의 -->
|
||||
</Columns>
|
||||
</YourGridComponent>
|
||||
```
|
||||
</MudDataGrid>
|
||||
}
|
||||
```
|
||||
|
||||
**Step 3: 모달 다이얼로그 (Create/Edit)**
|
||||
```razor
|
||||
```razor
|
||||
<!-- 과거 예시: 현재는 Fluent v5 Dialog 또는 별도 라우트로 대체 -->
|
||||
<YourDialogComponent @bind-IsVisible="isDialogOpen">
|
||||
<MudDialog @bind-IsVisible="isDialogOpen" Options="new DialogOptions { MaxWidth = MaxWidth.Small, FullWidth = true }">
|
||||
<TitleContent>
|
||||
<MudText Typo="Typo.h6">@(isEditMode ? "항목 수정" : "새 항목 추가")</MudText>
|
||||
</TitleContent>
|
||||
@@ -1202,8 +1316,7 @@ else
|
||||
<MudButton OnClick="CloseDialog">취소</MudButton>
|
||||
<MudButton Color="Color.Primary" OnClick="SaveItem">저장</MudButton>
|
||||
</DialogActions>
|
||||
</YourDialogComponent>
|
||||
```
|
||||
</MudDialog>
|
||||
```
|
||||
|
||||
**Step 4: @code 섹션 구조**
|
||||
@@ -1325,10 +1438,10 @@ else
|
||||
- [ ] @inject로 필요한 Client 주입
|
||||
- [ ] <PageTitle> 추가
|
||||
- [ ] <section class="admin-page-hero"> (캡션, 제목, 부제, 추가 버튼)
|
||||
- [ ] 로딩 상태 기본값은 `Skeleton`
|
||||
- [ ] 로딩 상태 (MudProgressCircular)
|
||||
- [ ] 빈 상태 (MudAlert)
|
||||
- [ ] Dense 그리드 (Virtualize=true, RowsPerPage=30, admin-grid 클래스)
|
||||
- [ ] 모달 (Create/Edit)
|
||||
- [ ] MudDataGrid (Dense=true, Virtualize=true, RowsPerPage=30, admin-grid 클래스)
|
||||
- [ ] MudDialog (Create/Edit 모달)
|
||||
- [ ] ConfirmDialog (Delete 확인)
|
||||
- [ ] @code 섹션: OnInitializedAsync → LoadData() 패턴
|
||||
- [ ] 모든 에러 처리 (try-catch, Snackbar 메시지)
|
||||
@@ -1339,7 +1452,7 @@ else
|
||||
❌ **이 패턴을 따르지 않는 페이지는 실시간 코드 리뷰 대상:**
|
||||
- 페이지 헤더 (admin-page-hero) 누락
|
||||
- 인라인 스타일로 레이아웃 구성
|
||||
- 별도 라우트로 Create/Edit 처리 (흰 화면 플래시)
|
||||
- MudDialog 없이 별도 라우트로 Create/Edit 처리 (흰 화면 플래시)
|
||||
- @code 섹션 구조 다름
|
||||
- 모달에서 직접 onSubmit 대신 Snackbar 피드백 미제공
|
||||
|
||||
@@ -1650,7 +1763,7 @@ public interface INtsApiClient
|
||||
|
||||
### 빌드
|
||||
```bash
|
||||
dotnet build TaxBaik.sln
|
||||
dotnet build src/TaxBaik.sln
|
||||
```
|
||||
|
||||
### 서버 상태 확인 (SSH)
|
||||
@@ -1674,7 +1787,7 @@ curl http://127.0.0.1/taxbaik/admin/login
|
||||
### E2E 테스트 & 반응형 검증
|
||||
```bash
|
||||
# 문의 폼 제출
|
||||
curl -X POST http://178.104.200.7/taxbaik/contact \
|
||||
curl -X POST http://taxbaik.com/taxbaik/contact \
|
||||
-d "name=테스트&phone=010-1234-5678&service_type=사업자세무&message=테스트"
|
||||
|
||||
# 관리자 DB에서 확인
|
||||
@@ -1713,7 +1826,7 @@ npx playwright test admin-responsive.spec.ts --project="Desktop Chrome"
|
||||
|
||||
**프로덕션 E2E 테스트**:
|
||||
```bash
|
||||
export E2E_BASE_URL="http://178.104.200.7/taxbaik"
|
||||
export E2E_BASE_URL="http://taxbaik.com/taxbaik"
|
||||
export E2E_ADMIN_USERNAME="test_admin"
|
||||
export E2E_ADMIN_PASSWORD="TestAdmin@123456"
|
||||
|
||||
@@ -1760,9 +1873,7 @@ public async Task NotifyDeploymentStart()
|
||||
@* Components/Admin/Shared/DeploymentNotification.razor *@
|
||||
@if (showNotification)
|
||||
{
|
||||
```razor
|
||||
<!-- 과거 예시: 현재는 Fluent v5 Dialog 또는 HTML/CSS 패턴으로 대체 -->
|
||||
<YourDialogComponent @bind-Visible="showNotification">
|
||||
<MudDialog @bind-Visible="showNotification">
|
||||
<TitleContent>
|
||||
<MudText Typo="Typo.h6">새 버전 배포</MudText>
|
||||
</TitleContent>
|
||||
@@ -1777,8 +1888,7 @@ public async Task NotifyDeploymentStart()
|
||||
<MudButton Color="Color.Primary" OnClick="RefreshNow">지금 새로고침</MudButton>
|
||||
<MudButton Color="Color.Default" OnClick="DismissNotification">나중에</MudButton>
|
||||
</DialogActions>
|
||||
</YourDialogComponent>
|
||||
```
|
||||
</MudDialog>
|
||||
}
|
||||
|
||||
@code {
|
||||
@@ -1943,7 +2053,7 @@ else
|
||||
|
||||
| 항목 | 이전 | 현재 | 개선 |
|
||||
|------|------|------|------|
|
||||
| **Blazor 프리렌더링** | `prerender: false` | `prerender: true` | 흰 화면 제거 |
|
||||
| **Blazor 프리렌더링** | 전역 `prerender: false` (로그인 포함 전체 흰 화면) | 페이지별 지정 (로그인만 `prerender: true`, 나머지 `false`) | 로그인 흰 화면 제거, 인증 페이지는 그대로 안정 |
|
||||
| **배포 헬스 체크** | 40 × 3초 = 120초 | 20 × 3초 = 60초 | -50% |
|
||||
| **E2E 배포 대기** | 30 × 5초 = 150초 | 20 × 3초 = 60초 | -60% |
|
||||
| **Playwright 병렬** | `fullyParallel: false` | CI에서 `true` | 테스트 병렬화 |
|
||||
@@ -1984,7 +2094,7 @@ else
|
||||
2. **Actions run 생성 확인**
|
||||
```powershell
|
||||
$headers = @{ Authorization = "token $env:GITEA_TOKEN_TAXBAIK" }
|
||||
$runs = Invoke-RestMethod -Headers $headers -Uri "http://178.104.200.7/api/v1/repos/kjh2064/taxbaik/actions/runs?limit=10"
|
||||
$runs = Invoke-RestMethod -Headers $headers -Uri "http://gitea.taxbaik.com/api/v1/repos/kjh2064/taxbaik/actions/runs?limit=10"
|
||||
$runs.workflow_runs | Select-Object id,path,event,head_sha,display_title,status,conclusion
|
||||
```
|
||||
`deploy.yml@refs/heads/master`, `event=push`, 최신 `head_sha`가 있어야 배포가 실제로 시작된 것이다.
|
||||
@@ -2057,7 +2167,7 @@ else
|
||||
| 11/15 ~ 11/30 | 종합부동산세 납부 | `comprehensive-real-estate-tax` | real-estate-tax |
|
||||
| 12/1 ~ 12/31 | 연말 증여·절세 플래닝 | `year-end-gift` | family-asset |
|
||||
|
||||
캘린더 정의 위치: `TaxBaik.Application/Seasonal/TaxSeasonCalendar.cs`
|
||||
캘린더 정의 위치: `src/TaxBaik.Application/Seasonal/TaxSeasonCalendar.cs`
|
||||
|
||||
시즌 추가/수정은 이 파일만 변경하면 된다. DB·마이그레이션 변경 없음.
|
||||
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
FROM mcr.microsoft.com/dotnet/aspnet:10.0-alpine
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
COPY ./publish/ .
|
||||
|
||||
EXPOSE 5001
|
||||
|
||||
ENTRYPOINT ["dotnet", "TaxBaik.Web.dll"]
|
||||
@@ -1,9 +0,0 @@
|
||||
FROM mcr.microsoft.com/dotnet/aspnet:10.0-alpine
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
COPY ./publish/ .
|
||||
|
||||
EXPOSE 5001
|
||||
|
||||
ENTRYPOINT ["dotnet", "TaxBaik.Web.dll"]
|
||||
@@ -26,7 +26,7 @@ TaxBaik는 세무사 백원숙의 전문성을 온라인으로 표현하기 위
|
||||
|-----|------|
|
||||
| **백엔드** | ASP.NET Core 10, C# |
|
||||
| **공개 사이트** | Razor Pages (SSR) |
|
||||
| **관리자** | Blazor Server + Fluent UI Blazor v5 |
|
||||
| **관리자** | Blazor Server + MudBlazor |
|
||||
| **데이터베이스** | PostgreSQL 18.4 |
|
||||
| **ORM** | Dapper |
|
||||
| **리버스 프록시** | Nginx |
|
||||
@@ -98,14 +98,6 @@ TaxBaik/
|
||||
- 연락처 정보
|
||||
- 소셜 미디어 링크
|
||||
|
||||
- **UI 기준**
|
||||
- 기본 디자인 템플릿은 `https://v5.fluentui-blazor.net/`
|
||||
- 기본 로딩 상태는 `Skeleton`
|
||||
- MudBlazor는 레거시 폐기 대상이며 신규 UI에 사용하지 않음
|
||||
- `MudDataGrid`, `MudDialog`, `MudTabs`는 폐기 대상이며 신규 UI에 사용하지 않음
|
||||
- 사이트와 관리자는 `design-tokens.css` / `ui-primitives.css`를 공유
|
||||
- Blazor 라우트는 중복 선언하지 않고 단일 엔트리 기준으로 관리
|
||||
|
||||
---
|
||||
|
||||
## 빠른 시작
|
||||
@@ -176,7 +168,7 @@ master 브랜치에 푸시하면 파이프라인이 다음 단계를 수행합
|
||||
- `TAXBAIK_ADMIN_TEST_PASSWORD`: 배포 검증용 관리자 비밀번호
|
||||
- `Admin__PasswordResetToken`: 관리자 비밀번호 재설정 API용 서버 비밀값
|
||||
|
||||
수동 배포는 비상 롤백 절차 외에는 사용하지 않습니다. 실패 시 [DEPLOYMENT_GUIDE.md](./DEPLOYMENT_GUIDE.md)의 CI 점검 절차를 따릅니다.
|
||||
배포는 Gitea Actions CI/CD로만 수행합니다. 수동 배포 경로는 CI 하네스로 차단되어 있으며, 실패 시 [DEPLOYMENT_GUIDE.md](./DEPLOYMENT_GUIDE.md)의 CI 점검 절차를 따릅니다.
|
||||
|
||||
---
|
||||
|
||||
@@ -278,7 +270,13 @@ echo $ConnectionStrings__Default
|
||||
|
||||
## 문서
|
||||
|
||||
- [CLAUDE.md](./CLAUDE.md) - LLM 개발 지침 (9개 섹션)
|
||||
- [docs/INDEX.md](./docs/INDEX.md) - 현재 개발 기준 인덱스
|
||||
- [docs/ENGINEERING_HARNESS.md](./docs/ENGINEERING_HARNESS.md) - 코드 품질, API-first, CI/CD 하네스
|
||||
- [docs/DOUZONE_UX_GUIDE.md](./docs/DOUZONE_UX_GUIDE.md) - 더존식 어드민 UX 원칙과 템플릿 기준
|
||||
- [docs/COMMON_CODE_POLICY.md](./docs/COMMON_CODE_POLICY.md) - 공통코드 저장값/컬럼 길이/하드코딩 금지 기준
|
||||
- [docs/COMBO_POLICY.md](./docs/COMBO_POLICY.md) - 콤보/검색/선택 입력 정책
|
||||
- [docs/ADMIN_PATTERN_CRITIQUE_WBS.md](./docs/ADMIN_PATTERN_CRITIQUE_WBS.md) - 어드민 패턴 비판 및 정량 WBS
|
||||
- [CLAUDE.md](./CLAUDE.md) - 보조 LLM 개발 지침
|
||||
- [DEPLOYMENT_GUIDE.md](./DEPLOYMENT_GUIDE.md) - 배포 완전 가이드
|
||||
- [SERVER_SETUP.sh](./SERVER_SETUP.sh) - 서버 자동 설치 스크립트
|
||||
|
||||
|
||||
@@ -1,77 +0,0 @@
|
||||
#!/bin/bash
|
||||
# TaxBaik Server Setup Script
|
||||
# Run on Ubuntu 26.04 server as root or with sudo
|
||||
|
||||
set -e
|
||||
|
||||
echo "===== TaxBaik Server Setup ====="
|
||||
|
||||
# Colors for output
|
||||
GREEN='\033[0;32m'
|
||||
BLUE='\033[0;34m'
|
||||
NC='\033[0m' # No Color
|
||||
|
||||
# Configuration
|
||||
DEPLOY_USER="kjh2064"
|
||||
DB_NAME="taxbaikdb"
|
||||
DB_USER="taxbaik"
|
||||
DB_PASSWORD="${DB_PASSWORD:-$(openssl rand -base64 12)}" # Use env var or generate
|
||||
DEPLOY_DIR="/home/$DEPLOY_USER"
|
||||
|
||||
echo -e "${BLUE}1. Installing .NET 8 Runtime${NC}"
|
||||
sudo apt-get update
|
||||
sudo apt-get install -y dotnet-runtime-8.0 aspnetcore-runtime-8.0
|
||||
|
||||
echo -e "${BLUE}2. Installing PostgreSQL 18${NC}"
|
||||
sudo apt-get install -y postgresql postgresql-contrib
|
||||
|
||||
echo -e "${BLUE}3. Creating database and user${NC}"
|
||||
sudo -u postgres psql << EOF
|
||||
CREATE USER $DB_USER WITH PASSWORD '$DB_PASSWORD';
|
||||
CREATE DATABASE $DB_NAME OWNER $DB_USER;
|
||||
GRANT ALL PRIVILEGES ON DATABASE $DB_NAME TO $DB_USER;
|
||||
EOF
|
||||
|
||||
echo -e "${BLUE}4. Creating deployment directories${NC}"
|
||||
sudo -u $DEPLOY_USER mkdir -p $DEPLOY_DIR/deployments
|
||||
sudo -u $DEPLOY_USER mkdir -p $DEPLOY_DIR/taxbaik_active
|
||||
sudo -u $DEPLOY_USER mkdir -p $DEPLOY_DIR/taxbaik_admin_active
|
||||
|
||||
echo -e "${BLUE}5. Installing systemd service files${NC}"
|
||||
sudo cp deploy/taxbaik.service /etc/systemd/system/
|
||||
sudo cp deploy/taxbaik-admin.service /etc/systemd/system/
|
||||
|
||||
# Update environment variables in service files
|
||||
sudo sed -i "s/YOUR_SECURE_PASSWORD_HERE/$DB_PASSWORD/g" /etc/systemd/system/taxbaik.service
|
||||
sudo sed -i "s/YOUR_SECURE_PASSWORD_HERE/$DB_PASSWORD/g" /etc/systemd/system/taxbaik-admin.service
|
||||
|
||||
echo -e "${BLUE}6. Configuring Nginx${NC}"
|
||||
sudo mkdir -p /etc/nginx/conf.d
|
||||
sudo cp deploy/nginx-taxbaik-locations.conf /etc/nginx/conf.d/taxbaik.conf
|
||||
sudo nginx -t
|
||||
sudo systemctl reload nginx
|
||||
|
||||
echo -e "${BLUE}7. Enabling services${NC}"
|
||||
sudo systemctl daemon-reload
|
||||
sudo systemctl enable taxbaik taxbaik-admin
|
||||
sudo systemctl enable postgresql
|
||||
|
||||
echo -e "${GREEN}===== Setup Complete ====="
|
||||
echo ""
|
||||
echo "Database credentials:"
|
||||
echo " Host: localhost"
|
||||
echo " Database: $DB_NAME"
|
||||
echo " User: $DB_USER"
|
||||
echo " Password: $DB_PASSWORD"
|
||||
echo ""
|
||||
echo "Next steps:"
|
||||
echo " 1. Copy the first deployment to ~/deployments/taxbaik_TIMESTAMP/"
|
||||
echo " 2. Create symlinks:"
|
||||
echo " ln -s ~/deployments/taxbaik_TIMESTAMP ~/taxbaik_active"
|
||||
echo " ln -s ~/deployments/taxbaik_admin_TIMESTAMP ~/taxbaik_admin_active"
|
||||
echo " 3. Start services:"
|
||||
echo " sudo systemctl start taxbaik taxbaik-admin"
|
||||
echo " 4. Verify:"
|
||||
echo " sudo systemctl status taxbaik taxbaik-admin"
|
||||
echo " curl http://127.0.0.1:5001/taxbaik"
|
||||
echo " curl http://127.0.0.1:5002/taxbaik/admin/login"
|
||||
@@ -1,14 +0,0 @@
|
||||
namespace TaxBaik.Application.DTOs;
|
||||
|
||||
public class CreateBlogPostDto
|
||||
{
|
||||
public required string Title { get; set; }
|
||||
public required 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 string? ThumbnailUrl { get; set; }
|
||||
public bool IsPublished { get; set; }
|
||||
public int? AuthorId { get; set; }
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.FluentUI.AspNetCore.Components
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>백원숙 세무회계 - 관리자</title>
|
||||
<base href="/taxbaik/" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800&display=swap" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="css/design-tokens.css" />
|
||||
<link rel="stylesheet" href="css/ui-primitives.css" />
|
||||
<link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" />
|
||||
<script>
|
||||
document.documentElement.classList.toggle(
|
||||
'admin-login-route',
|
||||
window.location.pathname.toLowerCase().endsWith('/admin/login'));
|
||||
</script>
|
||||
<link rel="stylesheet" href="css/admin.css" />
|
||||
<component type="typeof(HeadOutlet)" render-mode="InteractiveServer" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="components-reconnect-modal" class="admin-reconnect-modal">
|
||||
<div class="admin-reconnect-card">
|
||||
<strong>연결 재설정 중...</strong>
|
||||
<span>새로운 버전으로 업데이트되었습니다.</span>
|
||||
<span style="font-size: 0.85rem; margin-top: 0.5rem; opacity: 0.8;">자동으로 페이지를 새로고침합니다. 잠시만 기다려주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="blazor-loading" class="blazor-loading-overlay show">
|
||||
<div class="blazor-loading-spinner">
|
||||
<div class="spinner"></div>
|
||||
<p>로드 중...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<FluentProviders />
|
||||
<FluentDialogProvider />
|
||||
<FluentTooltipProvider />
|
||||
|
||||
<Routes @rendermode="new InteractiveServerRenderMode(prerender: true)" />
|
||||
|
||||
<script src="js/admin-session.js"></script>
|
||||
<script src="_framework/blazor.web.js"></script>
|
||||
<script>window.taxbaikAdminSession?.watchReconnect();</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,17 +0,0 @@
|
||||
@using Microsoft.FluentUI.AspNetCore.Components
|
||||
<div class="admin-dialog">
|
||||
<div class="admin-dialog-title">삭제 확인</div>
|
||||
<p class="admin-dialog-message">정말로 삭제하시겠습니까?</p>
|
||||
<div class="admin-dialog-actions">
|
||||
<FluentButton Appearance="ButtonAppearance.Transparent" @onclick="Cancel">취소</FluentButton>
|
||||
<FluentButton Appearance="ButtonAppearance.Primary" @onclick="Confirm">삭제</FluentButton>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnConfirm { get; set; }
|
||||
|
||||
Task Cancel() => OnCancel.InvokeAsync();
|
||||
Task Confirm() => OnConfirm.InvokeAsync();
|
||||
}
|
||||
@@ -1,57 +0,0 @@
|
||||
@using TaxBaik.Application.Services
|
||||
@using Microsoft.FluentUI.AspNetCore.Components
|
||||
|
||||
<form class="admin-form" @onsubmit="HandleSubmit" @onsubmit:preventDefault>
|
||||
<FluentTextInput Label="회사 코드" @bind-CurrentValue="model.CompanyCode" />
|
||||
<FluentTextInput Label="회사명" @bind-CurrentValue="model.CompanyName" />
|
||||
<FluentTextInput Label="담당자명" @bind-CurrentValue="model.ContactPerson" />
|
||||
<FluentTextInput Label="전화번호" @bind-CurrentValue="model.Phone" />
|
||||
<FluentTextInput Label="이메일" @bind-CurrentValue="model.Email" />
|
||||
<FluentTextArea Label="메모" @bind-CurrentValue="model.Memo" />
|
||||
<label class="admin-checkbox-row">
|
||||
<input type="checkbox" @bind="model.IsActive" />
|
||||
<span>활성</span>
|
||||
</label>
|
||||
<div class="admin-form-actions">
|
||||
<button type="submit" class="admin-login-submit">@ButtonText</button>
|
||||
<button type="button" class="admin-secondary-button" @onclick="OnCancel">취소</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@code {
|
||||
[Parameter, EditorRequired] public string ButtonText { get; set; } = "저장";
|
||||
[Parameter] public EventCallback<CompanyFormModel> OnSubmit { get; set; }
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public CompanyFormModel? InitialData { get; set; }
|
||||
private CompanyFormModel model = new();
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
if (InitialData != null)
|
||||
{
|
||||
model = new CompanyFormModel
|
||||
{
|
||||
CompanyCode = InitialData.CompanyCode,
|
||||
CompanyName = InitialData.CompanyName,
|
||||
ContactPerson = InitialData.ContactPerson,
|
||||
Phone = InitialData.Phone,
|
||||
Email = InitialData.Email,
|
||||
Memo = InitialData.Memo,
|
||||
IsActive = InitialData.IsActive
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
private Task HandleSubmit() => OnSubmit.InvokeAsync(model);
|
||||
|
||||
public class CompanyFormModel
|
||||
{
|
||||
public string CompanyCode { get; set; } = "";
|
||||
public string CompanyName { get; set; } = "";
|
||||
public string? ContactPerson { get; set; }
|
||||
public string? Phone { get; set; }
|
||||
public string? Email { get; set; }
|
||||
public string? Memo { get; set; }
|
||||
public bool IsActive { get; set; } = true;
|
||||
}
|
||||
}
|
||||
@@ -1,67 +0,0 @@
|
||||
@using TaxBaik.Application.DTOs
|
||||
@using TaxBaik.Application.Services
|
||||
@using Microsoft.FluentUI.AspNetCore.Components
|
||||
|
||||
<form class="admin-form" @onsubmit="HandleSubmit" @onsubmit:preventDefault>
|
||||
<FluentTextInput Label="이름" @bind-CurrentValue="model.Name" />
|
||||
<FluentTextInput Label="전화번호 (예: 010-1234-5678)" @bind-CurrentValue="model.Phone" />
|
||||
<FluentTextInput Label="이메일" @bind-CurrentValue="model.Email" />
|
||||
<FluentSelect TValue="string" TOption="string" Label="문의 유형" @bind-CurrentValue="model.ServiceType">
|
||||
<FluentOption Value="@("사업자세무")">사업자세무</FluentOption>
|
||||
<FluentOption Value="@("부동산세금")">부동산세금</FluentOption>
|
||||
<FluentOption Value="@("가족자산")">가족자산</FluentOption>
|
||||
<FluentOption Value="@("기타")">기타</FluentOption>
|
||||
</FluentSelect>
|
||||
<FluentTextArea Label="문의 내용" @bind-CurrentValue="model.Message" />
|
||||
<FluentSelect TValue="string" TOption="string" Label="상태" @bind-CurrentValue="model.Status">
|
||||
<FluentOption Value="@("new")">신규</FluentOption>
|
||||
<FluentOption Value="@("consulting")">상담중</FluentOption>
|
||||
<FluentOption Value="@("contracted")">계약완료</FluentOption>
|
||||
<FluentOption Value="@("rejected")">거절</FluentOption>
|
||||
<FluentOption Value="@("closed")">종결</FluentOption>
|
||||
</FluentSelect>
|
||||
<FluentTextArea Label="관리 메모" @bind-CurrentValue="model.AdminMemo" />
|
||||
|
||||
<div class="admin-form-actions">
|
||||
<button type="submit" class="admin-login-submit">@ButtonText</button>
|
||||
<button type="button" class="admin-secondary-button" @onclick="OnCancel">취소</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@code {
|
||||
[Parameter, EditorRequired] public string ButtonText { get; set; } = "저장";
|
||||
[Parameter] public EventCallback<InquiryFormModel> OnSubmit { get; set; }
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public InquiryFormModel? InitialData { get; set; }
|
||||
private InquiryFormModel model = new();
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
if (InitialData != null)
|
||||
{
|
||||
model = new InquiryFormModel
|
||||
{
|
||||
Name = InitialData.Name,
|
||||
Phone = InitialData.Phone,
|
||||
Email = InitialData.Email,
|
||||
ServiceType = InitialData.ServiceType,
|
||||
Message = InitialData.Message,
|
||||
Status = InitialData.Status,
|
||||
AdminMemo = InitialData.AdminMemo
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
private Task HandleSubmit() => OnSubmit.InvokeAsync(model);
|
||||
|
||||
public class InquiryFormModel
|
||||
{
|
||||
public string Name { get; set; } = "";
|
||||
public string Phone { get; set; } = "";
|
||||
public string? Email { get; set; }
|
||||
public string ServiceType { get; set; } = "기타";
|
||||
public string Message { get; set; } = "";
|
||||
public string Status { get; set; } = "new";
|
||||
public string? AdminMemo { get; set; }
|
||||
}
|
||||
}
|
||||
@@ -1,115 +0,0 @@
|
||||
@inherits LayoutComponentBase
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
@implements IDisposable
|
||||
|
||||
<div class="admin-shell">
|
||||
<header class="admin-topbar">
|
||||
<button type="button" class="admin-icon-button admin-menu-button" @onclick="ToggleDrawer" aria-label="메뉴 열기">
|
||||
<span class="material-icons">menu</span>
|
||||
</button>
|
||||
|
||||
<div class="admin-topbar-title">
|
||||
<span class="admin-topbar-kicker">TaxBaik Admin</span>
|
||||
<h1>세무회계 관리 대시보드</h1>
|
||||
</div>
|
||||
|
||||
<div class="admin-topbar-actions">
|
||||
<a class="admin-topbar-action" href="/taxbaik" target="_blank" rel="noreferrer">
|
||||
<span class="material-icons">open_in_new</span>
|
||||
공개 사이트
|
||||
</a>
|
||||
<a class="admin-topbar-action danger" href="/taxbaik/admin/logout">
|
||||
<span class="material-icons">logout</span>
|
||||
로그아웃
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<aside class="@DrawerClass">
|
||||
<div class="admin-drawer-brand">
|
||||
<div class="admin-brand-mark">T</div>
|
||||
<div>
|
||||
<div class="admin-brand-title">TaxBaik</div>
|
||||
<div class="admin-brand-subtitle">세무 운영 콘솔</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="admin-nav">
|
||||
<a href="/taxbaik/admin/dashboard" class="admin-nav-link">대시보드</a>
|
||||
|
||||
<details open>
|
||||
<summary>CRM & 세무관리</summary>
|
||||
<a href="/taxbaik/admin/tax-profiles" class="admin-nav-link">세무 프로필</a>
|
||||
<a href="/taxbaik/admin/tax-filing-schedules" class="admin-nav-link">신고 일정</a>
|
||||
<a href="/taxbaik/admin/contracts" class="admin-nav-link">계약 관리</a>
|
||||
<a href="/taxbaik/admin/consulting-activities" class="admin-nav-link">상담 활동</a>
|
||||
<a href="/taxbaik/admin/revenue-trackings" class="admin-nav-link">수익 추적</a>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>고객 관리</summary>
|
||||
<a href="/taxbaik/admin/clients" class="admin-nav-link">고객 카드</a>
|
||||
<a href="/taxbaik/admin/tax-filings" class="admin-nav-link">세무신고</a>
|
||||
</details>
|
||||
|
||||
<details>
|
||||
<summary>홈페이지</summary>
|
||||
<a href="/taxbaik/admin/announcements" class="admin-nav-link">공지사항</a>
|
||||
<a href="/taxbaik/admin/faqs" class="admin-nav-link">FAQ 관리</a>
|
||||
<a href="/taxbaik/admin/blog" class="admin-nav-link">블로그 관리</a>
|
||||
<a href="/taxbaik/admin/season-simulator" class="admin-nav-link">시즌 시뮬레이터</a>
|
||||
</details>
|
||||
|
||||
<a href="/taxbaik/admin/inquiries" class="admin-nav-link">문의 관리</a>
|
||||
<a href="/taxbaik/admin/settings" class="admin-nav-link">설정</a>
|
||||
</nav>
|
||||
|
||||
<div class="admin-drawer-footer">
|
||||
<div class="admin-footer-item">
|
||||
<span class="material-icons">shield</span>
|
||||
<span>보안 모드</span>
|
||||
</div>
|
||||
<div class="admin-footer-meta">Fluent UI Blazor 기반 관리자 콘솔</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<main class="admin-content">
|
||||
<div class="admin-content-inner">
|
||||
@Body
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private bool drawerOpen = true;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
Navigation.LocationChanged += OnLocationChanged;
|
||||
}
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (!firstRender)
|
||||
return;
|
||||
|
||||
var viewportWidth = await JS.InvokeAsync<int>("taxbaikAdminSession.getViewportWidth");
|
||||
drawerOpen = viewportWidth >= 960;
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
private string DrawerClass => drawerOpen ? "admin-drawer open" : "admin-drawer";
|
||||
|
||||
private void OnLocationChanged(object? sender, LocationChangedEventArgs args)
|
||||
{
|
||||
_ = InvokeAsync(() => JS.InvokeVoidAsync("taxbaikAdminSession.showLoading"));
|
||||
}
|
||||
|
||||
private void ToggleDrawer() => drawerOpen = !drawerOpen;
|
||||
|
||||
public void Dispose()
|
||||
{
|
||||
Navigation.LocationChanged -= OnLocationChanged;
|
||||
}
|
||||
}
|
||||
@@ -1,101 +0,0 @@
|
||||
@page "/admin/announcements/create"
|
||||
@page "/admin/announcements/{Id:int}/edit"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.DTOs
|
||||
@using TaxBaik.Web.Services
|
||||
@inject IAnnouncementBrowserClient AnnouncementClient
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>@(Id.HasValue ? "공지 수정" : "공지 등록")</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Homepage</div>
|
||||
<h1 class="admin-page-title">@(Id.HasValue ? "공지 수정" : "공지 등록")</h1>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface" style="max-width:720px;">
|
||||
<form class="admin-dialog-card" @onsubmit="SaveAsync" @onsubmit:preventDefault="true">
|
||||
<label>제목 * <input class="admin-input" @bind="model.Title" /></label>
|
||||
<label>상세 내용 (선택) <textarea class="admin-input" rows="3" @bind="model.Content"></textarea></label>
|
||||
<label>유형
|
||||
<select class="admin-input" @bind="model.DisplayType">
|
||||
<option value="info">일반 (파란색)</option>
|
||||
<option value="banner">배너 (주황색)</option>
|
||||
<option value="urgent">긴급 (빨간색)</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>노출 순서 <input class="admin-input" type="number" @bind="model.SortOrder" /></label>
|
||||
<label>게시 시작일 <input class="admin-input" type="text" placeholder="yyyy-MM-dd" @bind="StartsAtText" /></label>
|
||||
<label>게시 종료일 <input class="admin-input" type="text" placeholder="yyyy-MM-dd" @bind="EndsAtText" /></label>
|
||||
<label><input type="checkbox" @bind="model.IsActive" /> @(model.IsActive ? "활성화" : "비활성화")</label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary" disabled="@isSaving">저장</button>
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/announcements")'>취소</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Parameter] public int? Id { get; set; }
|
||||
private bool isSaving;
|
||||
private DateTime? startsAtDate;
|
||||
private DateTime? endsAtDate;
|
||||
private AnnouncementDto model = new();
|
||||
private string StartsAtText { get => startsAtDate?.ToString("yyyy-MM-dd") ?? ""; set => startsAtDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
private string EndsAtText { get => endsAtDate?.ToString("yyyy-MM-dd") ?? ""; set => endsAtDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
if (Id.HasValue)
|
||||
{
|
||||
try
|
||||
{
|
||||
var entity = await AnnouncementClient.GetByIdAsync(Id.Value);
|
||||
if (entity is null)
|
||||
{
|
||||
Navigation.NavigateTo("/taxbaik/admin/announcements");
|
||||
return;
|
||||
}
|
||||
model = new AnnouncementDto
|
||||
{
|
||||
Id = entity.Id,
|
||||
Title = entity.Title,
|
||||
Content = entity.Content,
|
||||
DisplayType = entity.DisplayType,
|
||||
IsActive = entity.IsActive,
|
||||
SortOrder = entity.SortOrder
|
||||
};
|
||||
startsAtDate = entity.StartsAt?.ToLocalTime();
|
||||
endsAtDate = entity.EndsAt?.ToLocalTime();
|
||||
}
|
||||
catch
|
||||
{
|
||||
Navigation.NavigateTo("/taxbaik/admin/announcements");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task SaveAsync()
|
||||
{
|
||||
isSaving = true;
|
||||
try
|
||||
{
|
||||
model.StartsAt = startsAtDate.HasValue ? DateTime.SpecifyKind(startsAtDate.Value.Date, DateTimeKind.Local).ToUniversalTime() : null;
|
||||
model.EndsAt = endsAtDate.HasValue ? DateTime.SpecifyKind(endsAtDate.Value.Date.AddDays(1).AddSeconds(-1), DateTimeKind.Local).ToUniversalTime() : null;
|
||||
var result = Id.HasValue ? await AnnouncementClient.UpdateAsync(Id.Value, model) : await AnnouncementClient.CreateAsync(model);
|
||||
await JS.InvokeVoidAsync("alert", result != null ? "공지사항이 저장되었습니다." : "저장 실패");
|
||||
Navigation.NavigateTo("/taxbaik/admin/announcements");
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
finally
|
||||
{
|
||||
isSaving = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,157 +0,0 @@
|
||||
@page "/admin/announcements"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@using TaxBaik.Domain.Entities
|
||||
@inject IAnnouncementBrowserClient AnnouncementClient
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>공지사항 관리</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Homepage</div>
|
||||
<h1 class="admin-page-title">공지사항 관리</h1>
|
||||
<p class="admin-page-subtitle">홈페이지 상단에 노출되는 공지사항을 등록하고 관리합니다.</p>
|
||||
</div>
|
||||
<a class="site-button primary" href="/taxbaik/admin/announcements/create">공지 등록</a>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (announcements is null)
|
||||
{
|
||||
<Skeleton Count="5" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (!announcements.Any())
|
||||
{
|
||||
<div class="muted">등록된 공지사항이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>제목</th>
|
||||
<th>유형</th>
|
||||
<th>상태</th>
|
||||
<th>게시 기간</th>
|
||||
<th>순서</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in announcements)
|
||||
{
|
||||
<tr>
|
||||
<td>@item.Title</td>
|
||||
<td><span class="status-pill info">@GetTypeLabel(item.DisplayType)</span></td>
|
||||
<td>
|
||||
@if (IsCurrentlyActive(item))
|
||||
{
|
||||
<span class="status-pill success">노출 중</span>
|
||||
}
|
||||
else if (!item.IsActive)
|
||||
{
|
||||
<span class="status-pill default">비활성</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="status-pill warning">기간 외</span>
|
||||
}
|
||||
</td>
|
||||
<td class="small">@FormatPeriod(item)</td>
|
||||
<td>@item.SortOrder</td>
|
||||
<td>
|
||||
<div class="admin-actions">
|
||||
<button type="button" class="admin-icon-button" @onclick="@(() => Navigation.NavigateTo($"/taxbaik/admin/announcements/{item.Id}/edit"))">✎</button>
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(() => DeleteAsync(item))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[CascadingParameter]
|
||||
private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
|
||||
private List<Announcement>? announcements;
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadAsync();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
announcements = (await AnnouncementClient.GetAllAsync()).ToList();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
announcements = [];
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteAsync(Announcement item)
|
||||
{
|
||||
var confirmed = await JS.InvokeAsync<bool>("confirm", $"'{item.Title}' 공지를 삭제하시겠습니까?");
|
||||
if (!confirmed) return;
|
||||
|
||||
try
|
||||
{
|
||||
var success = await AnnouncementClient.DeleteAsync(item.Id);
|
||||
if (success)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "공지사항이 삭제되었습니다.");
|
||||
await LoadAsync();
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "삭제 실패");
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private static bool IsCurrentlyActive(Announcement a)
|
||||
{
|
||||
if (!a.IsActive) return false;
|
||||
var now = DateTime.UtcNow;
|
||||
if (a.StartsAt.HasValue && a.StartsAt > now) return false;
|
||||
if (a.EndsAt.HasValue && a.EndsAt < now) return false;
|
||||
return true;
|
||||
}
|
||||
|
||||
private static string FormatPeriod(Announcement a)
|
||||
{
|
||||
var start = a.StartsAt?.ToLocalTime().ToString("MM/dd") ?? "즉시";
|
||||
var end = a.EndsAt?.ToLocalTime().ToString("MM/dd") ?? "무기한";
|
||||
return $"{start} ~ {end}";
|
||||
}
|
||||
|
||||
private static string GetTypeLabel(string type) => type switch
|
||||
{
|
||||
"urgent" => "긴급",
|
||||
"banner" => "배너",
|
||||
_ => "일반"
|
||||
};
|
||||
}
|
||||
@@ -1,88 +0,0 @@
|
||||
@page "/admin/blog/create"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.DTOs
|
||||
@using TaxBaik.Application.Services
|
||||
@using TaxBaik.Domain.Interfaces
|
||||
@inject BlogService BlogService
|
||||
@inject ICategoryRepository CategoryRepository
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>새 포스트 작성</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Content</div>
|
||||
<h1 class="admin-page-title">새 포스트 작성</h1>
|
||||
<p class="admin-page-subtitle">새로운 블로그 포스트를 작성합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/blog")'>취소</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface mt-4">
|
||||
<form class="admin-dialog-card" @onsubmit="SavePost" @onsubmit:preventDefault="true">
|
||||
<label>제목 * <input class="admin-input" @bind="model.Title" /></label>
|
||||
<label>카테고리
|
||||
<select class="admin-input" @bind="CategoryIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var category in categories)
|
||||
{
|
||||
<option value="@category.Id.ToString()">@category.Name</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>본문 * <textarea class="admin-input" rows="10" @bind="model.Content"></textarea></label>
|
||||
<label>태그 (쉼표로 구분) <input class="admin-input" @bind="model.Tags" /></label>
|
||||
<label>SEO 제목 <input class="admin-input" @bind="model.SeoTitle" /></label>
|
||||
<label>SEO 설명 <textarea class="admin-input" rows="3" @bind="model.SeoDescription"></textarea></label>
|
||||
<label><input type="checkbox" @bind="model.IsPublished" /> 즉시 발행</label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private List<Domain.Entities.Category> categories = [];
|
||||
private CreatePostModel model = new();
|
||||
private string CategoryIdText { get => model.CategoryId?.ToString() ?? ""; set => model.CategoryId = int.TryParse(value, out var id) ? id : null; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
categories = (await CategoryRepository.GetAllAsync()).ToList();
|
||||
}
|
||||
|
||||
private async Task SavePost()
|
||||
{
|
||||
try
|
||||
{
|
||||
await BlogService.CreateAsync(new CreateBlogPostDto
|
||||
{
|
||||
Title = model.Title,
|
||||
Content = model.Content,
|
||||
CategoryId = model.CategoryId,
|
||||
Tags = model.Tags,
|
||||
SeoTitle = model.SeoTitle,
|
||||
SeoDescription = model.SeoDescription,
|
||||
IsPublished = model.IsPublished
|
||||
});
|
||||
|
||||
await JS.InvokeVoidAsync("alert", "포스트가 저장되었습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/blog");
|
||||
}
|
||||
catch (ValidationException ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", ex.Message);
|
||||
}
|
||||
}
|
||||
|
||||
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; }
|
||||
}
|
||||
}
|
||||
@@ -1,139 +0,0 @@
|
||||
@page "/admin/blog/{id:int}/edit"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.DTOs
|
||||
@using TaxBaik.Application.Services
|
||||
@using TaxBaik.Domain.Interfaces
|
||||
@inject BlogService BlogService
|
||||
@inject ICategoryRepository CategoryRepository
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>포스트 수정</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Content</div>
|
||||
<h1 class="admin-page-title">포스트 수정</h1>
|
||||
<p class="admin-page-subtitle">블로그 포스트를 수정합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/blog")'>취소</button>
|
||||
</section>
|
||||
|
||||
@if (isLoading)
|
||||
{
|
||||
<div class="admin-surface mt-4"><Skeleton Count="4" CssClass="taxbaik-skeleton-grid" /></div>
|
||||
}
|
||||
else if (post == null)
|
||||
{
|
||||
<div class="admin-surface mt-4">포스트를 찾을 수 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-surface mt-4">
|
||||
<form class="admin-dialog-card" @onsubmit="SavePost" @onsubmit:preventDefault="true">
|
||||
<label>제목 * <input class="admin-input" @bind="model.Title" /></label>
|
||||
<label>카테고리
|
||||
<select class="admin-input" @bind="CategoryIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var category in categories)
|
||||
{
|
||||
<option value="@category.Id.ToString()">@category.Name</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>본문 * <textarea class="admin-input" rows="10" @bind="model.Content"></textarea></label>
|
||||
<label>태그 (쉼표로 구분) <input class="admin-input" @bind="model.Tags" /></label>
|
||||
<label>SEO 제목 <input class="admin-input" @bind="model.SeoTitle" /></label>
|
||||
<label>SEO 설명 <textarea class="admin-input" rows="3" @bind="model.SeoDescription"></textarea></label>
|
||||
<label><input type="checkbox" @bind="model.IsPublished" /> 발행</label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
<button type="button" class="site-button secondary" @onclick="DeletePost">삭제</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Parameter] public int Id { get; set; }
|
||||
private Domain.Entities.BlogPost? post;
|
||||
private List<Domain.Entities.Category> categories = [];
|
||||
private EditPostModel model = new();
|
||||
private bool isLoading = true;
|
||||
private string CategoryIdText { get => model.CategoryId?.ToString() ?? ""; set => model.CategoryId = int.TryParse(value, out var id) ? id : null; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
post = await BlogService.GetByIdAsync(Id);
|
||||
if (post != null)
|
||||
{
|
||||
categories = (await CategoryRepository.GetAllAsync()).ToList();
|
||||
MapPostToModel(post);
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"포스트 로드 실패: {ex.Message}");
|
||||
}
|
||||
finally
|
||||
{
|
||||
isLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
private void MapPostToModel(Domain.Entities.BlogPost post)
|
||||
{
|
||||
model.Title = post.Title;
|
||||
model.Content = post.Content;
|
||||
model.CategoryId = post.CategoryId;
|
||||
model.Tags = post.Tags;
|
||||
model.SeoTitle = post.SeoTitle;
|
||||
model.SeoDescription = post.SeoDescription;
|
||||
model.IsPublished = post.IsPublished;
|
||||
}
|
||||
|
||||
private async Task SavePost()
|
||||
{
|
||||
if (post == null) return;
|
||||
try
|
||||
{
|
||||
await BlogService.UpdateAsync(post.Id, new CreateBlogPostDto
|
||||
{
|
||||
Title = model.Title,
|
||||
Content = model.Content,
|
||||
CategoryId = model.CategoryId,
|
||||
Tags = model.Tags,
|
||||
SeoTitle = model.SeoTitle,
|
||||
SeoDescription = model.SeoDescription,
|
||||
IsPublished = model.IsPublished
|
||||
});
|
||||
await JS.InvokeVoidAsync("alert", "포스트가 저장되었습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/blog");
|
||||
}
|
||||
catch (ValidationException ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", ex.Message);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeletePost()
|
||||
{
|
||||
if (post == null) return;
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "정말 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.")) return;
|
||||
await BlogService.DeleteAsync(post.Id);
|
||||
await JS.InvokeVoidAsync("alert", "포스트가 삭제되었습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/blog");
|
||||
}
|
||||
|
||||
private class EditPostModel
|
||||
{
|
||||
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; }
|
||||
}
|
||||
}
|
||||
@@ -1,143 +0,0 @@
|
||||
@page "/admin/blog"
|
||||
@attribute [Authorize]
|
||||
@inject IApiClient ApiClient
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>블로그 관리</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Content</div>
|
||||
<h1 class="admin-page-title">블로그 관리</h1>
|
||||
<p class="admin-page-subtitle">검색 유입 콘텐츠의 발행 상태와 성과를 관리합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick='() => NavTo("/taxbaik/admin/blog/create")'>새 포스트 작성</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface mb-4">
|
||||
<div class="admin-summary-bar">
|
||||
<span>전체 포스트: @($"{totalPosts}개")</span>
|
||||
<span>페이지 @currentPage / @totalPages</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (isLoading)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>제목</th>
|
||||
<th>발행</th>
|
||||
<th>조회수</th>
|
||||
<th>작성일</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var post in posts)
|
||||
{
|
||||
<tr>
|
||||
<td>@post.Title</td>
|
||||
<td><label><input type="checkbox" checked="@post.IsPublished" @onchange="@(async e => await TogglePublish(post, (bool)e.Value!))" /> 발행</label></td>
|
||||
<td>@post.ViewCount</td>
|
||||
<td>@post.CreatedAt.ToString("yyyy-MM-dd")</td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
<a class="site-button secondary" href="@($"/taxbaik/admin/blog/{post.Id}/edit")">수정</a>
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(async () => await DeletePost(post.Id))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="admin-pagination">
|
||||
<button type="button" class="site-button secondary" disabled="@(currentPage <= 1 || isLoading)" @onclick="PreviousPage">이전</button>
|
||||
<button type="button" class="site-button secondary" disabled="@(currentPage >= totalPages || isLoading)" @onclick="NextPage">다음</button>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
private List<TaxBaik.Domain.Entities.BlogPost> posts = [];
|
||||
private bool isLoading = true;
|
||||
private int currentPage = 1;
|
||||
private int totalPages = 1;
|
||||
private int totalPosts = 0;
|
||||
private const int PageSize = 20;
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadPosts();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private string NavTo(string url) => url;
|
||||
|
||||
private async Task LoadPosts()
|
||||
{
|
||||
isLoading = true;
|
||||
try
|
||||
{
|
||||
var result = await ApiClient.GetAsync<PagedBlogResponse>($"blog/admin?page={currentPage}&pageSize={PageSize}");
|
||||
posts = result?.Data ?? [];
|
||||
totalPosts = result?.Total ?? 0;
|
||||
totalPages = Math.Max(1, (int)Math.Ceiling(totalPosts / (double)PageSize));
|
||||
}
|
||||
catch
|
||||
{
|
||||
posts = [];
|
||||
totalPosts = 0;
|
||||
totalPages = 1;
|
||||
}
|
||||
finally
|
||||
{
|
||||
isLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
private async Task PreviousPage() { if (currentPage > 1) { currentPage--; await LoadPosts(); } }
|
||||
private async Task NextPage() { if (currentPage < totalPages) { currentPage++; await LoadPosts(); } }
|
||||
|
||||
private async Task TogglePublish(TaxBaik.Domain.Entities.BlogPost post, bool isPublished)
|
||||
{
|
||||
var previous = post.IsPublished;
|
||||
post.IsPublished = isPublished;
|
||||
var result = await ApiClient.PutAsync<TaxBaik.Domain.Entities.BlogPost>($"blog/{post.Id}", new { post.Title, post.Content, post.CategoryId, post.Tags, post.SeoTitle, post.SeoDescription, post.ThumbnailUrl, IsPublished = isPublished, post.AuthorId });
|
||||
if (result == null)
|
||||
{
|
||||
post.IsPublished = previous;
|
||||
await JS.InvokeVoidAsync("alert", "발행 상태 변경에 실패했습니다.");
|
||||
return;
|
||||
}
|
||||
await JS.InvokeVoidAsync("alert", "발행 상태가 변경되었습니다.");
|
||||
}
|
||||
|
||||
private async Task DeletePost(int postId)
|
||||
{
|
||||
await ApiClient.DeleteAsync($"blog/{postId}");
|
||||
await JS.InvokeVoidAsync("alert", "포스트가 삭제되었습니다.");
|
||||
await LoadPosts();
|
||||
}
|
||||
|
||||
private class PagedBlogResponse
|
||||
{
|
||||
public List<TaxBaik.Domain.Entities.BlogPost> Data { get; set; } = [];
|
||||
public int Total { get; set; }
|
||||
}
|
||||
}
|
||||
@@ -1,190 +0,0 @@
|
||||
@page "/admin/clients/{ClientId:int}"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.Services
|
||||
@inject ClientService ClientService
|
||||
@inject ConsultationService ConsultationService
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>고객 상세</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Client Details</div>
|
||||
<h1 class="admin-page-title">고객 상세</h1>
|
||||
<p class="admin-page-subtitle">고객 정보와 상담 이력을 관리합니다.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if (client == null)
|
||||
{
|
||||
<div class="admin-surface mt-4">고객을 찾을 수 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-page-actions">
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/clients")'>목록으로</button>
|
||||
<a class="site-button secondary" href="@($"/taxbaik/admin/clients/{ClientId}/edit")">수정</a>
|
||||
</div>
|
||||
|
||||
<div class="admin-detail-grid">
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">고객 정보</h3>
|
||||
<div class="admin-kv-grid">
|
||||
<div><span>이름</span><strong>@client.Name</strong></div>
|
||||
<div><span>상호</span><strong>@(client.CompanyName ?? "-")</strong></div>
|
||||
<div><span>연락처</span><strong>@(client.Phone ?? "-")</strong></div>
|
||||
<div><span>이메일</span><strong>@(client.Email ?? "-")</strong></div>
|
||||
<div><span>서비스</span><strong>@(client.ServiceType ?? "-")</strong></div>
|
||||
<div><span>사업자 유형</span><strong>@(client.TaxType ?? "-")</strong></div>
|
||||
<div><span>유입 경로</span><strong>@(client.Source ?? "-")</strong></div>
|
||||
<div><span>등록일</span><strong>@client.CreatedAt.ToLocalTime().ToString("yyyy-MM-dd")</strong></div>
|
||||
@if (!string.IsNullOrWhiteSpace(client.Memo))
|
||||
{
|
||||
<div class="span-2"><span>메모</span><strong style="white-space: pre-wrap;">@client.Memo</strong></div>
|
||||
}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="admin-surface">
|
||||
<div class="admin-section-header compact">
|
||||
<div>
|
||||
<h3 class="admin-section-title">상담 이력</h3>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick="OpenAddConsultation">+ 상담 추가</button>
|
||||
</div>
|
||||
|
||||
@if (showAddForm)
|
||||
{
|
||||
<form class="admin-dialog-card mb-4" @onsubmit="AddConsultation" @onsubmit:preventDefault="true">
|
||||
<label>상담일 <input class="admin-input" type="text" placeholder="2026-06-29" @bind="ConsultationDateText" /></label>
|
||||
<label>서비스 분야
|
||||
<select class="admin-input" @bind="newServiceType">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var t in ClientService.ServiceTypes)
|
||||
{
|
||||
<option value="@t">@t</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>상담 내용 * <textarea class="admin-input" rows="3" @bind="newSummary"></textarea></label>
|
||||
<label>결과
|
||||
<select class="admin-input" @bind="newResult">
|
||||
<option value="">-</option>
|
||||
@foreach (var r in ConsultationService.Results)
|
||||
{
|
||||
<option value="@r">@r</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>수임료 (원) <input class="admin-input" type="text" placeholder="100000" @bind="FeeText" /></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
<button type="button" class="site-button secondary" @onclick='() => showAddForm = false'>취소</button>
|
||||
</div>
|
||||
</form>
|
||||
}
|
||||
|
||||
@if (consultations.Count == 0)
|
||||
{
|
||||
<p class="muted">상담 이력이 없습니다.</p>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-activity-list">
|
||||
@foreach (var c in consultations)
|
||||
{
|
||||
<article class="admin-activity-card">
|
||||
<div class="admin-activity-head">
|
||||
<div>
|
||||
<span class="muted">@c.ConsultationDate.ToString("yyyy-MM-dd") @(string.IsNullOrEmpty(c.ServiceType) ? "" : $"· {c.ServiceType}")</span>
|
||||
</div>
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(() => DeleteConsultation(c.Id))">✕</button>
|
||||
</div>
|
||||
<p style="white-space: pre-wrap;">@c.Summary</p>
|
||||
@if (!string.IsNullOrEmpty(c.Result))
|
||||
{
|
||||
<span class="status-pill info">@c.Result</span>
|
||||
}
|
||||
@if (c.Fee.HasValue)
|
||||
{
|
||||
<div class="muted">수임료: @c.Fee.Value.ToString("N0")원</div>
|
||||
}
|
||||
</article>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
</section>
|
||||
</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Parameter] public int ClientId { get; set; }
|
||||
private Domain.Entities.Client? client;
|
||||
private List<Domain.Entities.Consultation> consultations = [];
|
||||
private bool showAddForm;
|
||||
private DateTime? newDate = DateTime.Today;
|
||||
private string newServiceType = "";
|
||||
private string newSummary = "";
|
||||
private string newResult = "";
|
||||
private decimal? newFee;
|
||||
|
||||
private string ConsultationDateText { get => newDate?.ToString("yyyy-MM-dd") ?? ""; set => newDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
private string FeeText { get => newFee?.ToString() ?? ""; set => newFee = decimal.TryParse(value, out var d) ? d : null; }
|
||||
|
||||
protected override async Task OnInitializedAsync() => await LoadAll();
|
||||
|
||||
private async Task LoadAll()
|
||||
{
|
||||
client = await ClientService.GetByIdAsync(ClientId);
|
||||
consultations = (await ConsultationService.GetByClientIdAsync(ClientId)).ToList();
|
||||
}
|
||||
|
||||
private void OpenAddConsultation()
|
||||
{
|
||||
showAddForm = true;
|
||||
newDate = DateTime.Today;
|
||||
newServiceType = "";
|
||||
newSummary = "";
|
||||
newResult = "";
|
||||
newFee = null;
|
||||
}
|
||||
|
||||
private async Task AddConsultation()
|
||||
{
|
||||
try
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(newSummary))
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "상담 내용을 입력하세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
var c = new Domain.Entities.Consultation
|
||||
{
|
||||
ClientId = ClientId,
|
||||
ConsultationDate = newDate?.ToUniversalTime() ?? DateTime.UtcNow,
|
||||
ServiceType = string.IsNullOrWhiteSpace(newServiceType) ? null : newServiceType,
|
||||
Summary = newSummary,
|
||||
Result = string.IsNullOrWhiteSpace(newResult) ? null : newResult,
|
||||
Fee = newFee
|
||||
};
|
||||
|
||||
await ConsultationService.CreateAsync(c);
|
||||
showAddForm = false;
|
||||
consultations = (await ConsultationService.GetByClientIdAsync(ClientId)).ToList();
|
||||
await JS.InvokeVoidAsync("alert", "상담이 추가되었습니다.");
|
||||
}
|
||||
catch (ValidationException ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", ex.Message);
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteConsultation(int id)
|
||||
{
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "이 상담을 삭제하시겠습니까?")) return;
|
||||
await ConsultationService.DeleteAsync(id);
|
||||
consultations = (await ConsultationService.GetByClientIdAsync(ClientId)).ToList();
|
||||
await JS.InvokeVoidAsync("alert", "삭제되었습니다.");
|
||||
}
|
||||
}
|
||||
@@ -1,147 +0,0 @@
|
||||
@page "/admin/clients/create"
|
||||
@page "/admin/clients/{Id:int}/edit"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.DTOs
|
||||
@using TaxBaik.Web.Services
|
||||
@using TaxBaik.Domain.Entities
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>@(Id.HasValue ? "고객 수정" : "고객 등록")</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">CRM</div>
|
||||
<h1 class="admin-page-title">@(Id.HasValue ? "고객 수정" : "고객 등록")</h1>
|
||||
</div>
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/clients")'>목록으로</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface" style="max-width:720px;">
|
||||
@if (isLoading)
|
||||
{
|
||||
<Skeleton Count="5" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<form class="admin-dialog-card" @onsubmit="SaveAsync" @onsubmit:preventDefault="true">
|
||||
<label>고객명 * <input class="admin-input" @bind="dto.Name" /></label>
|
||||
<label>회사명 <input class="admin-input" @bind="dto.CompanyName" /></label>
|
||||
<label>연락처 <input class="admin-input" @bind="dto.Phone" /></label>
|
||||
<label>이메일 <input class="admin-input" type="email" @bind="dto.Email" /></label>
|
||||
<label>서비스 유형
|
||||
<select class="admin-input" @bind="dto.ServiceType">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var t in ClientService.ServiceTypes)
|
||||
{
|
||||
<option value="@t">@t</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>세금 유형
|
||||
<select class="admin-input" @bind="dto.TaxType">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var t in ClientService.TaxTypes)
|
||||
{
|
||||
<option value="@t">@t</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>상태
|
||||
<select class="admin-input" @bind="dto.Status">
|
||||
<option value="active">활성</option>
|
||||
<option value="inactive">비활성</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>유입 경로
|
||||
<select class="admin-input" @bind="dto.Source">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var s in ClientService.Sources)
|
||||
{
|
||||
<option value="@s">@s</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>메모 <textarea class="admin-input" rows="4" @bind="dto.Memo"></textarea></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary" disabled="@isSaving">저장</button>
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/clients")'>취소</button>
|
||||
</div>
|
||||
</form>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Parameter] public int? Id { get; set; }
|
||||
private CreateClientDto dto = new() { Status = "active" };
|
||||
private bool isLoading = true;
|
||||
private bool isSaving;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
if (Id.HasValue)
|
||||
{
|
||||
try
|
||||
{
|
||||
var client = await ClientClient.GetByIdAsync(Id.Value);
|
||||
if (client is null)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "고객을 찾을 수 없습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/clients");
|
||||
return;
|
||||
}
|
||||
dto = new CreateClientDto
|
||||
{
|
||||
Name = client.Name,
|
||||
CompanyName = client.CompanyName,
|
||||
Phone = client.Phone,
|
||||
Email = client.Email,
|
||||
ServiceType = client.ServiceType,
|
||||
TaxType = client.TaxType,
|
||||
Status = client.Status,
|
||||
Source = client.Source,
|
||||
Memo = client.Memo
|
||||
};
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
Navigation.NavigateTo("/taxbaik/admin/clients");
|
||||
return;
|
||||
}
|
||||
}
|
||||
isLoading = false;
|
||||
}
|
||||
|
||||
private async Task SaveAsync()
|
||||
{
|
||||
isSaving = true;
|
||||
try
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(dto.Name))
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "고객명을 입력하세요.");
|
||||
return;
|
||||
}
|
||||
if (Id.HasValue)
|
||||
{
|
||||
var result = await ClientClient.UpdateAsync(Id.Value, dto);
|
||||
await JS.InvokeVoidAsync("alert", result != null ? "고객 정보가 수정되었습니다." : "수정에 실패했습니다.");
|
||||
}
|
||||
else
|
||||
{
|
||||
var result = await ClientClient.CreateAsync(dto);
|
||||
await JS.InvokeVoidAsync("alert", result != null ? "고객이 등록되었습니다." : "등록에 실패했습니다.");
|
||||
}
|
||||
Navigation.NavigateTo("/taxbaik/admin/clients");
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
finally
|
||||
{
|
||||
isSaving = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,155 +0,0 @@
|
||||
@page "/admin/clients"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@using TaxBaik.Domain.Entities
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>고객 관리</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">CRM</div>
|
||||
<h1 class="admin-page-title">고객 관리</h1>
|
||||
<p class="admin-page-subtitle">고객 카드를 등록하고 상담 이력을 관리합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/clients/create")'>고객 등록</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface mb-3 pa-3">
|
||||
<div class="admin-filter-grid">
|
||||
<input class="admin-input" placeholder="검색 (이름·연락처·회사명)" @bind="searchText" @onkeyup="OnSearchKeyUp" />
|
||||
<select class="admin-input" @bind="statusFilter">
|
||||
<option value="">전체</option>
|
||||
<option value="active">활성</option>
|
||||
<option value="inactive">비활성</option>
|
||||
</select>
|
||||
<button type="button" class="site-button secondary" @onclick="SearchAsync">검색</button>
|
||||
<button type="button" class="site-button secondary" @onclick="ResetAsync">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (clients is null)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (!clients.Any())
|
||||
{
|
||||
<div class="muted mt-4">등록된 고객이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>이름</th>
|
||||
<th>회사명</th>
|
||||
<th>연락처</th>
|
||||
<th>서비스</th>
|
||||
<th>세금 유형</th>
|
||||
<th>상태</th>
|
||||
<th>유입 경로</th>
|
||||
<th>등록일</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var c in clients)
|
||||
{
|
||||
<tr>
|
||||
<td><strong>@c.Name</strong></td>
|
||||
<td>@(c.CompanyName ?? "—")</td>
|
||||
<td>@(c.Phone ?? "—")</td>
|
||||
<td>@(c.ServiceType ?? "—")</td>
|
||||
<td>@(c.TaxType ?? "—")</td>
|
||||
<td>@(c.Status == "active" ? "활성" : "비활성")</td>
|
||||
<td>@(c.Source ?? "—")</td>
|
||||
<td class="small">@c.CreatedAt.ToLocalTime().ToString("yy.MM.dd")</td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
<button type="button" class="admin-icon-button" @onclick="@(() => Navigation.NavigateTo($"/taxbaik/admin/clients/{c.Id}/edit"))">✎</button>
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(() => DeleteAsync(c))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@if (totalPages > 1)
|
||||
{
|
||||
<div class="admin-pagination">
|
||||
<button type="button" class="site-button secondary" disabled="@(currentPage <= 1)" @onclick="PreviousPage">이전</button>
|
||||
<span>@currentPage / @totalPages</span>
|
||||
<button type="button" class="site-button secondary" disabled="@(currentPage >= totalPages)" @onclick="NextPage">다음</button>
|
||||
</div>
|
||||
}
|
||||
<div class="admin-table-footer">총 @(totalCount)명</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
private List<Client>? clients;
|
||||
private string searchText = "";
|
||||
private string statusFilter = "";
|
||||
private int currentPage = 1;
|
||||
private int totalCount;
|
||||
private int totalPages;
|
||||
private const int PageSize = 20;
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadAsync();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
var (items, total) = await ClientClient.GetPagedAsync(currentPage, PageSize, string.IsNullOrEmpty(statusFilter) ? null : statusFilter, string.IsNullOrEmpty(searchText) ? null : searchText);
|
||||
clients = items.ToList();
|
||||
totalCount = total;
|
||||
totalPages = (int)Math.Ceiling((double)total / PageSize);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
clients = [];
|
||||
}
|
||||
}
|
||||
|
||||
private async Task SearchAsync() { currentPage = 1; await LoadAsync(); }
|
||||
private async Task ResetAsync() { searchText = ""; statusFilter = ""; currentPage = 1; await LoadAsync(); }
|
||||
private async Task PreviousPage() { if (currentPage > 1) { currentPage--; await LoadAsync(); } }
|
||||
private async Task NextPage() { if (currentPage < totalPages) { currentPage++; await LoadAsync(); } }
|
||||
private async Task OnSearchKeyUp(KeyboardEventArgs e) { if (e.Key == "Enter") await SearchAsync(); }
|
||||
private async Task DeleteAsync(Client client)
|
||||
{
|
||||
var confirmed = await JS.InvokeAsync<bool>("confirm", $"'{client.Name}' 고객을 삭제하시겠습니까? 관련 데이터도 함께 삭제됩니다.");
|
||||
if (!confirmed) return;
|
||||
try
|
||||
{
|
||||
var success = await ClientClient.DeleteAsync(client.Id);
|
||||
if (success)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"{client.Name} 고객이 삭제되었습니다.");
|
||||
await LoadAsync();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,215 +0,0 @@
|
||||
@page "/admin/consulting-activities"
|
||||
@using TaxBaik.Web.Services.AdminClients
|
||||
@inject IConsultingActivityBrowserClient ActivityClient
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject IJSRuntime JS
|
||||
@attribute [Authorize]
|
||||
|
||||
<PageTitle>상담 활동 관리</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">CRM & 세무관리</div>
|
||||
<h1 class="admin-page-title">상담 활동 관리</h1>
|
||||
<p class="admin-page-subtitle">고객별 상담 이력과 팔로업을 추적합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick="OpenCreateDialog">새 활동 기록</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (activities is null)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (activities.Count == 0)
|
||||
{
|
||||
<div class="muted">상담 활동이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>고객</th>
|
||||
<th>활동 유형</th>
|
||||
<th>활동일시</th>
|
||||
<th>설명</th>
|
||||
<th>다음 팔로업</th>
|
||||
<th>작업</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in activities)
|
||||
{
|
||||
<tr>
|
||||
<td>@item.Id</td>
|
||||
<td>@clientMap.GetValueOrDefault(item.ClientId, $"Client #{item.ClientId}")</td>
|
||||
<td>@item.ActivityType</td>
|
||||
<td>@item.ActivityDate.ToString("g")</td>
|
||||
<td>@Truncate(item.Description)</td>
|
||||
<td>@(item.NextFollowupDate?.ToString("yyyy-MM-dd") ?? "—")</td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
<button type="button" class="admin-icon-button" @onclick="@(async () => await OpenEditDialog(item))">✎</button>
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(async () => await DeleteActivity(item.Id))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<dialog class="admin-dialog" open="@isDialogOpen">
|
||||
<form class="admin-dialog-card" @onsubmit="SaveActivity" @onsubmit:preventDefault="true">
|
||||
<h3>@(editingActivity == null ? "새 활동 기록" : "활동 기록 수정")</h3>
|
||||
<label>고객
|
||||
<select class="admin-input" @bind="ClientIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var client in clients)
|
||||
{
|
||||
<option value="@client.Id.ToString()">@GetClientDisplayName(client)</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>활동 유형
|
||||
<select class="admin-input" @bind="activityForm.ActivityType">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="방문 상담">방문 상담</option>
|
||||
<option value="전화 상담">전화 상담</option>
|
||||
<option value="세무조사 대응 미팅">세무조사 대응 미팅</option>
|
||||
<option value="카카오톡 상담">카카오톡 상담</option>
|
||||
<option value="이메일 자료 접수">이메일 자료 접수</option>
|
||||
<option value="기타">기타</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>활동일 <input class="admin-input" type="text" placeholder="2026-06-29 14:00" @bind="ActivityDateText" /></label>
|
||||
<label>설명 <textarea class="admin-input" rows="4" @bind="activityForm.Description"></textarea></label>
|
||||
<label>다음 팔로업일 <input class="admin-input" type="text" placeholder="2026-07-10" @bind="NextFollowupText" /></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="button" class="site-button secondary" @onclick="CloseDialog">취소</button>
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
private List<ConsultingActivity>? activities;
|
||||
private List<Client> clients = [];
|
||||
private Dictionary<int, string> clientMap = new();
|
||||
private bool isDialogOpen;
|
||||
private ConsultingActivity? editingActivity;
|
||||
private ConsultingActivityForm activityForm = new();
|
||||
|
||||
private string ClientIdText { get => activityForm.ClientId > 0 ? activityForm.ClientId.ToString() : ""; set => activityForm.ClientId = int.TryParse(value, out var id) ? id : 0; }
|
||||
private string ActivityDateText { get => activityForm.ActivityDate?.ToString("yyyy-MM-dd HH:mm") ?? ""; set => activityForm.ActivityDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
private string NextFollowupText { get => activityForm.NextFollowupDate?.ToString("yyyy-MM-dd") ?? ""; set => activityForm.NextFollowupDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadData();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
try
|
||||
{
|
||||
activities = await ActivityClient.GetAllAsync();
|
||||
var (clientItems, _) = await ClientClient.GetPagedAsync(pageSize: 1000);
|
||||
clients = clientItems.ToList();
|
||||
clientMap = clients.ToDictionary(c => c.Id, GetClientDisplayName);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"데이터 로드 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void OpenCreateDialog()
|
||||
{
|
||||
editingActivity = null;
|
||||
activityForm = new ConsultingActivityForm { ClientId = clients.FirstOrDefault()?.Id ?? 0, ActivityDate = DateTime.Now };
|
||||
isDialogOpen = true;
|
||||
}
|
||||
|
||||
private async Task OpenEditDialog(ConsultingActivity activity)
|
||||
{
|
||||
editingActivity = activity;
|
||||
activityForm = new ConsultingActivityForm
|
||||
{
|
||||
ClientId = activity.ClientId,
|
||||
ActivityType = activity.ActivityType,
|
||||
ActivityDate = activity.ActivityDate,
|
||||
Description = activity.Description,
|
||||
NextFollowupDate = activity.NextFollowupDate
|
||||
};
|
||||
isDialogOpen = true;
|
||||
await Task.CompletedTask;
|
||||
}
|
||||
|
||||
private async Task SaveActivity()
|
||||
{
|
||||
if (activityForm.ClientId <= 0 || string.IsNullOrWhiteSpace(activityForm.ActivityType) || string.IsNullOrWhiteSpace(activityForm.Description))
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "필수 항목을 입력해주세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
try
|
||||
{
|
||||
if (editingActivity == null)
|
||||
{
|
||||
var newId = await ActivityClient.CreateAsync(activityForm.ClientId, activityForm.ActivityType, activityForm.ActivityDate ?? DateTime.Now, activityForm.Description, null, activityForm.NextFollowupDate);
|
||||
if (newId > 0)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "활동이 기록되었습니다.");
|
||||
CloseDialog();
|
||||
await LoadData();
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
await ActivityClient.UpdateAsync(editingActivity.Id, null, activityForm.NextFollowupDate);
|
||||
await JS.InvokeVoidAsync("alert", "활동이 업데이트되었습니다.");
|
||||
CloseDialog();
|
||||
await LoadData();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteActivity(int id)
|
||||
{
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "이 활동을 삭제하시겠습니까?")) return;
|
||||
try
|
||||
{
|
||||
await ActivityClient.DeleteAsync(id);
|
||||
await JS.InvokeVoidAsync("alert", "활동이 삭제되었습니다.");
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"삭제 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void CloseDialog() { isDialogOpen = false; editingActivity = null; activityForm = new(); }
|
||||
private static string Truncate(string? text) => string.IsNullOrWhiteSpace(text) ? "—" : text.Length > 30 ? text[..30] + "..." : text;
|
||||
private static string GetClientDisplayName(Client client) => !string.IsNullOrWhiteSpace(client.CompanyName) ? client.CompanyName : !string.IsNullOrWhiteSpace(client.Name) ? client.Name : $"Client #{client.Id}";
|
||||
private sealed class ConsultingActivityForm { public int ClientId { get; set; } public string ActivityType { get; set; } = ""; public DateTime? ActivityDate { get; set; } = DateTime.Now; public string Description { get; set; } = ""; public DateTime? NextFollowupDate { get; set; } }
|
||||
}
|
||||
@@ -1,190 +0,0 @@
|
||||
@page "/admin/contracts"
|
||||
@using TaxBaik.Web.Services.AdminClients
|
||||
@inject IContractBrowserClient ContractClient
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject IJSRuntime JS
|
||||
@attribute [Authorize]
|
||||
|
||||
<PageTitle>계약 관리</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">CRM & 세무관리</div>
|
||||
<h1 class="admin-page-title">계약 관리</h1>
|
||||
<p class="admin-page-subtitle">고객 계약과 월 정기수익을 함께 관리합니다.</p>
|
||||
@if (mrr > 0)
|
||||
{
|
||||
<p class="admin-page-subtitle mt-2">월 정기수익: <strong>₩@mrr.ToString("N0")</strong></p>
|
||||
}
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick="OpenCreateDialog">새 계약 추가</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (contracts is null)
|
||||
{
|
||||
<Skeleton Count="5" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (contracts.Count == 0)
|
||||
{
|
||||
<div class="muted">계약이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>고객</th>
|
||||
<th>계약번호</th>
|
||||
<th>서비스 유형</th>
|
||||
<th>월 수수료</th>
|
||||
<th>계약기간</th>
|
||||
<th>상태</th>
|
||||
<th>작업</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in contracts)
|
||||
{
|
||||
var isActive = !item.EndDate.HasValue || item.EndDate.Value >= DateTime.Today;
|
||||
<tr>
|
||||
<td>@item.Id</td>
|
||||
<td>@(clientMap.TryGetValue(item.ClientId, out var clientName) ? clientName : "")</td>
|
||||
<td>@item.ContractNumber</td>
|
||||
<td>@item.ServiceType</td>
|
||||
<td>@(item.MonthlyFee?.ToString("C") ?? "—")</td>
|
||||
<td>@item.StartDate@if (item.EndDate.HasValue){<span>~ @item.EndDate.Value</span>}</td>
|
||||
<td><span class="status-pill @(isActive ? "success" : "muted")">@(isActive ? "활성" : "만료")</span></td>
|
||||
<td><button type="button" class="admin-icon-button danger" @onclick="@(async () => await DeleteContract(item.Id))">✕</button></td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<dialog class="admin-dialog" open="@isDialogOpen">
|
||||
<form class="admin-dialog-card" @onsubmit="SaveContract" @onsubmit:preventDefault="true">
|
||||
<h3>새 계약 추가</h3>
|
||||
<label>고객
|
||||
<select class="admin-input" @bind="ClientIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var client in clients)
|
||||
{
|
||||
<option value="@client.Id.ToString()">@GetClientDisplayName(client)</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>계약번호 <input class="admin-input" @bind="contractForm.ContractNumber" /></label>
|
||||
<label>서비스 유형
|
||||
<select class="admin-input" @bind="contractForm.ServiceType">
|
||||
<option value="개인 기장대리">개인 기장대리</option>
|
||||
<option value="법인 기장대리">법인 기장대리</option>
|
||||
<option value="세무조정 대행">세무조정 대행</option>
|
||||
<option value="양도세 신고대리">양도세 신고대리</option>
|
||||
<option value="상속·증여 자문">상속·증여 자문</option>
|
||||
<option value="세무조사 대응">세무조사 대응</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>계약 시작일 <input class="admin-input" type="text" placeholder="2026-06-29" @bind="StartDateText" /></label>
|
||||
<label>월 수수료 <input class="admin-input" type="text" placeholder="100000" @bind="MonthlyFeeText" /></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="button" class="site-button secondary" @onclick="CloseDialog">취소</button>
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
private List<Contract>? contracts;
|
||||
private List<Client> clients = [];
|
||||
private Dictionary<int, string> clientMap = new();
|
||||
private decimal mrr = 0;
|
||||
private bool isDialogOpen;
|
||||
private ContractForm contractForm = new();
|
||||
private string ClientIdText { get => contractForm.ClientId > 0 ? contractForm.ClientId.ToString() : ""; set => contractForm.ClientId = int.TryParse(value, out var id) ? id : 0; }
|
||||
private string StartDateText { get => contractForm.StartDate?.ToString("yyyy-MM-dd") ?? ""; set => contractForm.StartDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
private string MonthlyFeeText { get => contractForm.MonthlyFee?.ToString() ?? ""; set => contractForm.MonthlyFee = decimal.TryParse(value, out var amount) ? amount : null; }
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadData();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
try
|
||||
{
|
||||
contracts = await ContractClient.GetAllAsync();
|
||||
var (clientItems, _) = await ClientClient.GetPagedAsync(pageSize: 1000);
|
||||
clients = clientItems.ToList();
|
||||
clientMap = clients.ToDictionary(c => c.Id, GetClientDisplayName);
|
||||
mrr = await ContractClient.GetMonthlyRecurringRevenueAsync();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"데이터 로드 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void OpenCreateDialog()
|
||||
{
|
||||
contractForm = new ContractForm { ClientId = clients.FirstOrDefault()?.Id ?? 0, StartDate = DateTime.Today };
|
||||
isDialogOpen = true;
|
||||
}
|
||||
|
||||
private async Task SaveContract()
|
||||
{
|
||||
try
|
||||
{
|
||||
if (contractForm.ClientId <= 0)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "고객을 선택하세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
var newId = await ContractClient.CreateAsync(contractForm.ClientId, contractForm.ContractNumber, contractForm.ServiceType, contractForm.StartDate ?? DateTime.Today, contractForm.MonthlyFee);
|
||||
if (newId > 0)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "계약이 추가되었습니다.");
|
||||
CloseDialog();
|
||||
await LoadData();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteContract(int id)
|
||||
{
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "이 계약을 삭제하시겠습니까?")) return;
|
||||
try
|
||||
{
|
||||
await ContractClient.DeleteAsync(id);
|
||||
await JS.InvokeVoidAsync("alert", "계약이 삭제되었습니다.");
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"삭제 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void CloseDialog() { isDialogOpen = false; contractForm = new(); }
|
||||
private static string GetClientDisplayName(Client client) => !string.IsNullOrWhiteSpace(client.CompanyName) ? client.CompanyName : !string.IsNullOrWhiteSpace(client.Name) ? client.Name : $"Client #{client.Id}";
|
||||
private sealed class ContractForm { public int ClientId { get; set; } public string ContractNumber { get; set; } = ""; public string ServiceType { get; set; } = ""; public DateTime? StartDate { get; set; } public decimal? MonthlyFee { get; set; } }
|
||||
}
|
||||
@@ -1,212 +0,0 @@
|
||||
@page "/admin/dashboard"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@inject IAdminDashboardClient DashboardClient
|
||||
@inject NavigationManager Nav
|
||||
|
||||
<PageTitle>대시보드</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Overview</div>
|
||||
<h1 class="admin-page-title">대시보드</h1>
|
||||
<p class="admin-page-subtitle">문의 흐름과 콘텐츠 상태를 한 화면에서 확인합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick='() => Nav.NavigateTo("/taxbaik/admin/blog/create")'>새 포스트 작성</button>
|
||||
</section>
|
||||
|
||||
@if (summary is null)
|
||||
{
|
||||
<div class="admin-metric-grid">
|
||||
<Skeleton Count="4" CssClass="taxbaik-skeleton-grid" />
|
||||
</div>
|
||||
<div class="admin-surface mt-4">
|
||||
<Skeleton Count="4" CssClass="taxbaik-skeleton-grid" />
|
||||
</div>
|
||||
<div class="admin-surface mt-4">
|
||||
<Skeleton Count="4" CssClass="taxbaik-skeleton-grid" />
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-metric-grid">
|
||||
<div class="admin-metric-card accent-blue cursor-pointer" @onclick='(() => Nav.NavigateTo("/taxbaik/admin/inquiries"))'>
|
||||
<div class="metric-card-inner">
|
||||
<span class="metric-label">이번달 문의</span>
|
||||
<div class="metric-value-row">
|
||||
<span class="metric-value blue">@summary.ThisMonthInquiries</span>
|
||||
<span class="metric-icon">💬</span>
|
||||
</div>
|
||||
<span class="metric-hint">월간 상담 유입</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="admin-metric-card accent-amber cursor-pointer" @onclick='(() => Nav.NavigateTo("/taxbaik/admin/inquiries?status=new"))'>
|
||||
<div class="metric-card-inner">
|
||||
<span class="metric-label">신규 문의</span>
|
||||
<div class="metric-value-row">
|
||||
<span class="metric-value amber">@summary.NewInquiries</span>
|
||||
<span class="metric-icon">⚠️</span>
|
||||
</div>
|
||||
<span class="metric-hint">처리 대기</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="admin-metric-card accent-slate cursor-pointer" @onclick='(() => Nav.NavigateTo("/taxbaik/admin/blog"))'>
|
||||
<div class="metric-card-inner">
|
||||
<span class="metric-label">전체 포스트</span>
|
||||
<div class="metric-value-row">
|
||||
<span class="metric-value slate">@summary.TotalPosts</span>
|
||||
<span class="metric-icon">📄</span>
|
||||
</div>
|
||||
<span class="metric-hint">콘텐츠 자산</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="admin-metric-card accent-green cursor-pointer" @onclick='(() => Nav.NavigateTo("/taxbaik/admin/blog"))'>
|
||||
<div class="metric-card-inner">
|
||||
<span class="metric-label">발행된 포스트</span>
|
||||
<div class="metric-value-row">
|
||||
<span class="metric-value green">@summary.PublishedPosts</span>
|
||||
<span class="metric-icon">🌐</span>
|
||||
</div>
|
||||
<span class="metric-hint">검색 노출 대상</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (upcomingFilings.Count == 0)
|
||||
{
|
||||
<div class="admin-surface mt-4">이번 달 마감 임박 신고가 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-surface mt-4">
|
||||
<div class="admin-section-header">
|
||||
<div>
|
||||
<h3 class="admin-section-title">이번 달 마감 임박 신고</h3>
|
||||
<p class="muted">30일 이내 신고 예정 건</p>
|
||||
</div>
|
||||
<a class="site-button secondary" href="/taxbaik/admin/tax-filings">전체 일정 보기</a>
|
||||
</div>
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>고객</th>
|
||||
<th>신고 유형</th>
|
||||
<th>기한</th>
|
||||
<th>D-day</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var f in upcomingFilings)
|
||||
{
|
||||
var dday = (f.DueDate.Date - DateTime.Today).Days;
|
||||
<tr>
|
||||
<td><a href="@($"/taxbaik/admin/clients/{f.ClientId}")">@f.ClientName</a></td>
|
||||
<td>@f.FilingType</td>
|
||||
<td>@f.DueDate.ToString("yyyy-MM-dd")</td>
|
||||
<td>
|
||||
@if (dday < 0)
|
||||
{
|
||||
<span class="status-pill dark">기한 초과 (@(-dday)일)</span>
|
||||
}
|
||||
else if (dday <= 7)
|
||||
{
|
||||
<span class="status-pill danger">D-@dday</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>D-@dday</span>
|
||||
}
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (summary is not null)
|
||||
{
|
||||
<div class="admin-surface mt-4">
|
||||
<div class="admin-section-header">
|
||||
<div>
|
||||
<h3 class="admin-section-title">최근 문의</h3>
|
||||
<p class="muted">최근 유입된 상담 요청을 빠르게 확인합니다.</p>
|
||||
</div>
|
||||
<a class="site-button secondary" href="/taxbaik/admin/inquiries">문의 전체 보기</a>
|
||||
</div>
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>이름</th>
|
||||
<th>전화</th>
|
||||
<th>분야</th>
|
||||
<th>상태</th>
|
||||
<th>날짜</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var inquiry in summary.RecentInquiries)
|
||||
{
|
||||
<tr>
|
||||
<td><a href="@($"/taxbaik/admin/inquiries/{inquiry.Id}")">@inquiry.Name</a></td>
|
||||
<td>@inquiry.Phone</td>
|
||||
<td>@inquiry.ServiceType</td>
|
||||
<td><span class="status-pill @GetStatusClass(inquiry.Status)">@GetStatusLabel(inquiry.Status)</span></td>
|
||||
<td>@inquiry.CreatedAt.ToString("yyyy-MM-dd")</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[CascadingParameter]
|
||||
private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
|
||||
private AdminDashboardSummary? summary;
|
||||
private List<Domain.Entities.TaxFiling> upcomingFilings = [];
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
try
|
||||
{
|
||||
var summaryTask = DashboardClient.GetSummaryAsync();
|
||||
var filingsTask = DashboardClient.GetUpcomingFilingsAsync(30);
|
||||
await Task.WhenAll(summaryTask, filingsTask);
|
||||
summary = await summaryTask;
|
||||
upcomingFilings = (await filingsTask).ToList();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Console.Error.WriteLine($"Dashboard error: {ex.Message}");
|
||||
}
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private static string GetStatusLabel(string status) => InquiryStatusMapper.Labels.GetValueOrDefault(status, status);
|
||||
private static string GetStatusClass(string status) => status switch
|
||||
{
|
||||
"new" => "warning",
|
||||
"consulting" => "info",
|
||||
"contracted" => "success",
|
||||
"rejected" => "danger",
|
||||
"closed" => "dark",
|
||||
_ => "default"
|
||||
};
|
||||
}
|
||||
@@ -1,112 +0,0 @@
|
||||
@page "/admin/faqs/create"
|
||||
@page "/admin/faqs/{Id:int}/edit"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@using TaxBaik.Domain.Entities
|
||||
@inject IFaqBrowserClient FaqClient
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>@(Id.HasValue ? "FAQ 수정" : "FAQ 등록")</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">홈페이지</div>
|
||||
<h1 class="admin-page-title">@(Id.HasValue ? "FAQ 수정" : "FAQ 등록")</h1>
|
||||
</div>
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/faqs")'>목록으로</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface" style="max-width:720px;">
|
||||
@if (isLoading)
|
||||
{
|
||||
<Skeleton Count="4" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<form class="admin-dialog-card" @onsubmit="SaveAsync" @onsubmit:preventDefault="true">
|
||||
<label>질문 * <textarea class="admin-input" rows="3" @bind="faq.Question"></textarea></label>
|
||||
<label>답변 * <textarea class="admin-input" rows="6" @bind="faq.Answer"></textarea></label>
|
||||
<label>카테고리
|
||||
<select class="admin-input" @bind="faq.Category">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var cat in FaqService.Categories)
|
||||
{
|
||||
<option value="@cat">@cat</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>정렬 순서 <input class="admin-input" type="number" min="0" max="9999" @bind="SortOrderText" /></label>
|
||||
<label><input type="checkbox" @bind="faq.IsActive" /> 노출 중</label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary" disabled="@isSaving">저장</button>
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/faqs")'>취소</button>
|
||||
</div>
|
||||
</form>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Parameter] public int? Id { get; set; }
|
||||
private Faq faq = new() { SortOrder = 10, IsActive = true };
|
||||
private bool isLoading = true;
|
||||
private bool isSaving;
|
||||
private string SortOrderText { get => faq.SortOrder.ToString(); set => faq.SortOrder = int.TryParse(value, out var n) ? n : 0; }
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
if (Id.HasValue)
|
||||
{
|
||||
try
|
||||
{
|
||||
var existing = await FaqClient.GetByIdAsync(Id.Value);
|
||||
if (existing is null)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "FAQ를 찾을 수 없습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/faqs");
|
||||
return;
|
||||
}
|
||||
faq = existing;
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
Navigation.NavigateTo("/taxbaik/admin/faqs");
|
||||
return;
|
||||
}
|
||||
}
|
||||
isLoading = false;
|
||||
}
|
||||
|
||||
private async Task SaveAsync()
|
||||
{
|
||||
isSaving = true;
|
||||
try
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(faq.Question) || string.IsNullOrWhiteSpace(faq.Answer))
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "질문과 답변을 입력하세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
if (Id.HasValue)
|
||||
{
|
||||
var result = await FaqClient.UpdateAsync(Id.Value, faq);
|
||||
await JS.InvokeVoidAsync("alert", result != null ? "FAQ가 수정되었습니다." : "수정 실패");
|
||||
}
|
||||
else
|
||||
{
|
||||
var result = await FaqClient.CreateAsync(faq);
|
||||
await JS.InvokeVoidAsync("alert", result != null ? "FAQ가 등록되었습니다." : "등록 실패");
|
||||
}
|
||||
Navigation.NavigateTo("/taxbaik/admin/faqs");
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
finally
|
||||
{
|
||||
isSaving = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,120 +0,0 @@
|
||||
@page "/admin/faqs"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@using TaxBaik.Domain.Entities
|
||||
@inject IFaqBrowserClient FaqClient
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>FAQ 관리</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">홈페이지</div>
|
||||
<h1 class="admin-page-title">FAQ 관리</h1>
|
||||
<p class="admin-page-subtitle">홈페이지 자주 묻는 질문을 등록하고 순서를 관리합니다.</p>
|
||||
</div>
|
||||
<a class="site-button primary" href="/taxbaik/admin/faqs/create">FAQ 등록</a>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (faqs is null)
|
||||
{
|
||||
<Skeleton Count="5" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (!faqs.Any())
|
||||
{
|
||||
<div class="muted">등록된 FAQ가 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>순서</th>
|
||||
<th>질문</th>
|
||||
<th>카테고리</th>
|
||||
<th>상태</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in faqs)
|
||||
{
|
||||
<tr>
|
||||
<td>@item.SortOrder</td>
|
||||
<td>@item.Question</td>
|
||||
<td>@(string.IsNullOrEmpty(item.Category) ? "" : item.Category)</td>
|
||||
<td><span class="status-pill @(item.IsActive ? "success" : "default")">@(item.IsActive ? "노출 중" : "비활성")</span></td>
|
||||
<td>
|
||||
<div class="admin-actions">
|
||||
<button type="button" class="admin-icon-button" @onclick="@(() => Navigation.NavigateTo($"/taxbaik/admin/faqs/{item.Id}/edit"))">✎</button>
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(() => DeleteAsync(item))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="muted mt-2">총 @(faqs.Count)개 · 노출 중 @(faqs.Count(f => f.IsActive))개</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[CascadingParameter]
|
||||
private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
|
||||
private List<Faq>? faqs;
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadAsync();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
faqs = (await FaqClient.GetAllAsync()).ToList();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
faqs = [];
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteAsync(Faq item)
|
||||
{
|
||||
var confirmed = await JS.InvokeAsync<bool>("confirm", $"'{item.Question}' 항목을 삭제하시겠습니까?");
|
||||
if (!confirmed) return;
|
||||
|
||||
try
|
||||
{
|
||||
var success = await FaqClient.DeleteAsync(item.Id);
|
||||
if (success)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "FAQ가 삭제되었습니다.");
|
||||
await LoadAsync();
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "삭제 실패");
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,45 +0,0 @@
|
||||
@page "/admin/inquiries/create"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.DTOs
|
||||
@using TaxBaik.Application.Services
|
||||
@using TaxBaik.Web.Components.Admin.Forms
|
||||
@inject InquiryService InquiryService
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>문의 등록</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Customer Relations</div>
|
||||
<h1 class="admin-page-title">새 문의 등록</h1>
|
||||
<p class="admin-page-subtitle">고객 문의를 등록합니다. (전화, 오프라인 등)</p>
|
||||
</div>
|
||||
<button type="button" class="site-button secondary" @onclick="GoBack">취소</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface mt-4">
|
||||
<InquiryForm ButtonText="등록" OnSubmit="HandleCreate" OnCancel="GoBack" />
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private void GoBack() => Navigation.NavigateTo("/taxbaik/admin/inquiries");
|
||||
|
||||
private async Task HandleCreate(InquiryForm.InquiryFormModel model)
|
||||
{
|
||||
try
|
||||
{
|
||||
await InquiryService.SubmitAsync(model.Name, model.Phone, model.ServiceType, model.Message, model.Email, ipAddress: "admin-registered");
|
||||
await JS.InvokeVoidAsync("alert", "문의가 등록되었습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/inquiries");
|
||||
}
|
||||
catch (ValidationException ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", ex.Message);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"등록 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,164 +0,0 @@
|
||||
@page "/admin/inquiries/{InquiryId:int}"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@inject IInquiryBrowserClient InquiryClient
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>문의 상세</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Inquiry Details</div>
|
||||
<h1 class="admin-page-title">문의 상세</h1>
|
||||
<p class="admin-page-subtitle">문의 정보를 확인하고 처리 상태를 관리합니다.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if (inquiry != null)
|
||||
{
|
||||
<div class="admin-page-actions">
|
||||
<button type="button" class="site-button secondary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/inquiries")'>문의 목록으로</button>
|
||||
</div>
|
||||
|
||||
<div class="admin-detail-grid">
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">문의 정보</h3>
|
||||
<div class="admin-kv-grid">
|
||||
<div><span>이름</span><strong>@inquiry.Name</strong></div>
|
||||
<div><span>연락처</span><strong>@inquiry.Phone</strong></div>
|
||||
<div><span>이메일</span><strong>@(inquiry.Email ?? "-")</strong></div>
|
||||
<div><span>분야</span><strong>@inquiry.ServiceType</strong></div>
|
||||
<div class="span-2"><span>문의 내용</span><strong style="white-space: pre-wrap;">@inquiry.Message</strong></div>
|
||||
<div><span>접수일시</span><strong>@inquiry.CreatedAt.ToLocalTime().ToString("yyyy-MM-dd HH:mm")</strong></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">담당자 메모</h3>
|
||||
<textarea class="admin-input" rows="6" @bind="adminMemo"></textarea>
|
||||
<div class="admin-dialog-actions mt-3">
|
||||
<button type="button" class="site-button primary" @onclick="SaveMemo">메모 저장</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">처리 상태</h3>
|
||||
<div class="admin-stack">
|
||||
@foreach (var (key, label) in InquiryStatusMapper.Labels)
|
||||
{
|
||||
<button type="button" class="@GetStatusButtonClass(key)" @onclick="@(() => OnStatusChanged(key))">@label</button>
|
||||
}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@if (inquiry.ClientId == null)
|
||||
{
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">고객 카드 생성</h3>
|
||||
<p class="muted">이 문의를 고객 카드로 등록합니다.</p>
|
||||
<button type="button" class="site-button primary" @onclick="ConvertToClient">고객으로 등록</button>
|
||||
</section>
|
||||
}
|
||||
else
|
||||
{
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">연결된 고객</h3>
|
||||
<a class="site-button secondary" href="@($"/taxbaik/admin/clients/{inquiry.ClientId}")">고객 카드 보기</a>
|
||||
</section>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-surface">문의를 찾을 수 없습니다.</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Parameter]
|
||||
public int InquiryId { get; set; }
|
||||
|
||||
private Domain.Entities.Inquiry? inquiry;
|
||||
private string adminMemo = "";
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
inquiry = await InquiryClient.GetByIdAsync(InquiryId);
|
||||
adminMemo = inquiry?.AdminMemo ?? "";
|
||||
}
|
||||
|
||||
private async Task OnStatusChanged(string status)
|
||||
{
|
||||
if (inquiry == null) return;
|
||||
try
|
||||
{
|
||||
var success = await InquiryClient.UpdateStatusAsync(inquiry.Id, status);
|
||||
if (success)
|
||||
{
|
||||
inquiry.Status = status;
|
||||
await JS.InvokeVoidAsync("alert", "상태가 변경되었습니다.");
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "상태 변경에 실패했습니다.");
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task SaveMemo()
|
||||
{
|
||||
if (inquiry == null) return;
|
||||
try
|
||||
{
|
||||
var success = await InquiryClient.UpdateAdminMemoAsync(inquiry.Id, adminMemo);
|
||||
if (success)
|
||||
{
|
||||
inquiry.AdminMemo = adminMemo;
|
||||
await JS.InvokeVoidAsync("alert", "메모가 저장되었습니다.");
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "메모 저장에 실패했습니다.");
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task ConvertToClient()
|
||||
{
|
||||
if (inquiry == null) return;
|
||||
try
|
||||
{
|
||||
var clientId = await InquiryClient.ConvertToClientAsync(
|
||||
inquiry.Id,
|
||||
inquiry.Name,
|
||||
inquiry.Phone,
|
||||
inquiry.ServiceType);
|
||||
|
||||
if (clientId > 0)
|
||||
{
|
||||
inquiry.ClientId = clientId;
|
||||
inquiry.Status = "consulting";
|
||||
await JS.InvokeVoidAsync("alert", "고객 카드가 생성되었습니다.");
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "고객 카드 생성에 실패했습니다.");
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private string GetStatusButtonClass(string status)
|
||||
=> inquiry?.Status == status ? "site-button primary" : "site-button secondary";
|
||||
}
|
||||
@@ -1,120 +0,0 @@
|
||||
@page "/admin/inquiries/{id:int}/edit"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.DTOs
|
||||
@using TaxBaik.Application.Services
|
||||
@using TaxBaik.Web.Components.Admin.Forms
|
||||
@inject InquiryService InquiryService
|
||||
@inject NavigationManager Navigation
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>문의 수정</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Customer Relations</div>
|
||||
<h1 class="admin-page-title">문의 수정</h1>
|
||||
<p class="admin-page-subtitle">고객 문의 정보를 수정합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button secondary" @onclick="GoBack">취소</button>
|
||||
</section>
|
||||
|
||||
@if (isLoading)
|
||||
{
|
||||
<div class="admin-surface mt-4"><Skeleton Count="4" CssClass="taxbaik-skeleton-grid" /></div>
|
||||
}
|
||||
else if (inquiry == null)
|
||||
{
|
||||
<div class="admin-surface mt-4">문의를 찾을 수 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-surface mt-4">
|
||||
<InquiryForm ButtonText="수정" InitialData="formModel" OnSubmit="HandleUpdate" OnCancel="GoBack" />
|
||||
<div class="mt-4">
|
||||
<button type="button" class="site-button secondary danger" @onclick="DeleteInquiry">문의 삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Parameter] public int Id { get; set; }
|
||||
private Domain.Entities.Inquiry? inquiry;
|
||||
private InquiryForm.InquiryFormModel? formModel;
|
||||
private bool isLoading = true;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
inquiry = await InquiryService.GetByIdAsync(Id);
|
||||
if (inquiry != null)
|
||||
{
|
||||
formModel = new InquiryForm.InquiryFormModel
|
||||
{
|
||||
Name = inquiry.Name,
|
||||
Phone = inquiry.Phone,
|
||||
Email = inquiry.Email,
|
||||
ServiceType = inquiry.ServiceType,
|
||||
Message = inquiry.Message,
|
||||
Status = inquiry.Status,
|
||||
AdminMemo = inquiry.AdminMemo
|
||||
};
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"문의 로드 실패: {ex.Message}");
|
||||
}
|
||||
finally
|
||||
{
|
||||
isLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
private void GoBack() => Navigation.NavigateTo("/taxbaik/admin/inquiries");
|
||||
|
||||
private async Task HandleUpdate(InquiryForm.InquiryFormModel model)
|
||||
{
|
||||
if (inquiry == null) return;
|
||||
try
|
||||
{
|
||||
inquiry.Name = model.Name;
|
||||
inquiry.Phone = model.Phone;
|
||||
inquiry.Email = model.Email;
|
||||
inquiry.ServiceType = model.ServiceType;
|
||||
inquiry.Message = model.Message;
|
||||
inquiry.AdminMemo = model.AdminMemo;
|
||||
|
||||
if (inquiry.Status != model.Status)
|
||||
await InquiryService.UpdateStatusAsync(inquiry.Id, model.Status);
|
||||
|
||||
await InquiryService.UpdateAdminMemoAsync(inquiry.Id, model.AdminMemo);
|
||||
await JS.InvokeVoidAsync("alert", "문의가 수정되었습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/inquiries");
|
||||
}
|
||||
catch (ValidationException ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", ex.Message);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"수정 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteInquiry()
|
||||
{
|
||||
if (inquiry == null) return;
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "정말 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.")) return;
|
||||
try
|
||||
{
|
||||
await InquiryService.DeleteAsync(inquiry.Id);
|
||||
await JS.InvokeVoidAsync("alert", "문의가 삭제되었습니다.");
|
||||
Navigation.NavigateTo("/taxbaik/admin/inquiries");
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"삭제 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,77 +0,0 @@
|
||||
@page "/admin/inquiries"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@inject IInquiryBrowserClient InquiryClient
|
||||
|
||||
<PageTitle>문의 관리</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Customer Requests</div>
|
||||
<h1 class="admin-page-title">문의 관리</h1>
|
||||
<p class="admin-page-subtitle">상담 요청을 상태별로 확인하고 후속 조치를 기록합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick='() => Navigation.NavigateTo("/taxbaik/admin/inquiries/create")'>새 문의 등록</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (isLoading)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-tabbar">
|
||||
<button type="button" class="admin-tab active">전체</button>
|
||||
<button type="button" class="admin-tab">신규</button>
|
||||
<button type="button" class="admin-tab">상담중</button>
|
||||
<button type="button" class="admin-tab">계약완료</button>
|
||||
<button type="button" class="admin-tab">거절</button>
|
||||
<button type="button" class="admin-tab">종결</button>
|
||||
</div>
|
||||
<InquiryTable Inquiries="allInquiries" Status="" />
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[CascadingParameter]
|
||||
private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
[Inject] private NavigationManager Navigation { get; set; } = default!;
|
||||
|
||||
private bool isLoading = true;
|
||||
private IReadOnlyList<Domain.Entities.Inquiry> allInquiries = [];
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender)
|
||||
{
|
||||
if (AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadData();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
isLoading = true;
|
||||
try
|
||||
{
|
||||
var (items, _) = await InquiryClient.GetPagedAsync(1, 200);
|
||||
allInquiries = items.ToList();
|
||||
}
|
||||
catch
|
||||
{
|
||||
allInquiries = [];
|
||||
}
|
||||
finally
|
||||
{
|
||||
isLoading = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,159 +0,0 @@
|
||||
@page "/admin/login"
|
||||
@using Microsoft.FluentUI.AspNetCore.Components
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
@layout TaxBaik.Web.Components.Admin.Layout.BlankLayout
|
||||
@attribute [AllowAnonymous]
|
||||
@inject IApiClient ApiClient
|
||||
@inject NavigationManager NavigationManager
|
||||
@inject CustomAuthenticationStateProvider AuthStateProvider
|
||||
@inject IJSRuntime Js
|
||||
@inject ILocalStorageService LocalStorageService
|
||||
|
||||
<PageTitle>로그인</PageTitle>
|
||||
|
||||
<div class="admin-login-page">
|
||||
<div class="admin-login-card admin-surface">
|
||||
<div class="admin-login-brand">
|
||||
<span class="admin-brand-mark">T</span>
|
||||
<div>
|
||||
<div class="admin-brand-title">TaxBaik</div>
|
||||
<div class="admin-brand-subtitle">관리자 로그인</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="admin-login-form" @onsubmit="HandleLogin" @onsubmit:preventDefault>
|
||||
<label class="admin-field">
|
||||
<span class="admin-field-label">사용자명</span>
|
||||
<input class="admin-input" type="text" placeholder="사용자명" @bind="model.Username" autocomplete="username" />
|
||||
</label>
|
||||
|
||||
<label class="admin-field">
|
||||
<span class="admin-field-label">비밀번호</span>
|
||||
<input class="admin-input" type="password" placeholder="비밀번호" @bind="model.Password" autocomplete="current-password" />
|
||||
</label>
|
||||
|
||||
<label class="admin-login-remember">
|
||||
<input type="checkbox" @bind="model.RememberMe" />
|
||||
<span>아이디 저장</span>
|
||||
</label>
|
||||
|
||||
@if (!string.IsNullOrEmpty(errorMessage))
|
||||
{
|
||||
<div class="admin-inline-alert error" role="alert">@errorMessage</div>
|
||||
}
|
||||
|
||||
<button type="submit" class="site-button primary admin-login-submit" disabled="@isLoading">
|
||||
@if (isLoading)
|
||||
{
|
||||
<span>로그인 중...</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>로그인</span>
|
||||
}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private bool isLoading = false;
|
||||
private string errorMessage = "";
|
||||
private LoginModel model = new();
|
||||
private const string RememberedUsernameKey = "admin-remembered-username";
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
try
|
||||
{
|
||||
var remembered = await LocalStorageService.GetItemAsStringAsync(RememberedUsernameKey);
|
||||
if (!string.IsNullOrEmpty(remembered))
|
||||
{
|
||||
model.Username = remembered;
|
||||
model.RememberMe = true;
|
||||
}
|
||||
}
|
||||
catch
|
||||
{
|
||||
// LocalStorage not available in pre-render
|
||||
}
|
||||
}
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender)
|
||||
await Js.InvokeVoidAsync("taxbaikAdminSession.syncRouteClass");
|
||||
}
|
||||
|
||||
private async Task HandleLogin()
|
||||
{
|
||||
if (isLoading)
|
||||
return;
|
||||
|
||||
isLoading = true;
|
||||
errorMessage = "";
|
||||
|
||||
try
|
||||
{
|
||||
var request = new { model.Username, model.Password };
|
||||
var response = await ApiClient.PostAsync<LoginResponse>("auth/login", request);
|
||||
|
||||
if (response?.AccessToken == null || response?.RefreshToken == null)
|
||||
{
|
||||
errorMessage = "사용자명 또는 비밀번호가 올바르지 않습니다.";
|
||||
isLoading = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (model.RememberMe)
|
||||
{
|
||||
await LocalStorageService.SetItemAsStringAsync(RememberedUsernameKey, model.Username);
|
||||
}
|
||||
else
|
||||
{
|
||||
await LocalStorageService.RemoveItemAsync(RememberedUsernameKey);
|
||||
}
|
||||
|
||||
await ApiClient.SetAuthToken(response.AccessToken);
|
||||
await AuthStateProvider.LoginAsync(response.AccessToken, response.RefreshToken, response.ExpiresIn);
|
||||
NavigationManager.NavigateTo(GetReturnUrl(), forceLoad: false);
|
||||
}
|
||||
catch
|
||||
{
|
||||
errorMessage = "로그인 중 오류가 발생했습니다.";
|
||||
isLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
private class LoginResponse
|
||||
{
|
||||
public string AccessToken { get; set; } = "";
|
||||
public string RefreshToken { get; set; } = "";
|
||||
public int ExpiresIn { get; set; }
|
||||
}
|
||||
|
||||
private class LoginModel
|
||||
{
|
||||
public string Username { get; set; } = "";
|
||||
public string Password { get; set; } = "";
|
||||
public bool RememberMe { get; set; }
|
||||
}
|
||||
|
||||
private string GetReturnUrl()
|
||||
{
|
||||
var uri = NavigationManager.ToAbsoluteUri(NavigationManager.Uri);
|
||||
if (!Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(uri.Query).TryGetValue("returnUrl", out var returnUrl)
|
||||
|| string.IsNullOrWhiteSpace(returnUrl))
|
||||
{
|
||||
return "/taxbaik/admin/dashboard";
|
||||
}
|
||||
|
||||
var value = returnUrl.ToString();
|
||||
if (!value.StartsWith("admin", StringComparison.OrdinalIgnoreCase))
|
||||
{
|
||||
return "/taxbaik/admin/dashboard";
|
||||
}
|
||||
|
||||
return $"/taxbaik/{value.TrimStart('/')}";
|
||||
}
|
||||
}
|
||||
@@ -1,204 +0,0 @@
|
||||
@page "/admin/revenue-trackings"
|
||||
@using TaxBaik.Web.Services.AdminClients
|
||||
@inject IRevenueTrackingBrowserClient RevenueClient
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject IJSRuntime JS
|
||||
@attribute [Authorize]
|
||||
|
||||
<PageTitle>수익 추적 관리</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">CRM & 세무관리</div>
|
||||
<h1 class="admin-page-title">수익 추적 관리</h1>
|
||||
<p class="admin-page-subtitle">청구, 납부, 미수금 상태를 한 화면에서 관리합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick="OpenCreateDialog">새 청구 추가</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (revenues is null)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (revenues.Count == 0)
|
||||
{
|
||||
<div class="muted">청구 기록이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>고객</th>
|
||||
<th>청구번호</th>
|
||||
<th>청구일</th>
|
||||
<th>청구액</th>
|
||||
<th>납부여부</th>
|
||||
<th>작업</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in revenues)
|
||||
{
|
||||
<tr>
|
||||
<td>@item.Id</td>
|
||||
<td>@clientMap.GetValueOrDefault(item.ClientId, $"Client #{item.ClientId}")</td>
|
||||
<td>@item.InvoiceNumber</td>
|
||||
<td>@item.InvoiceDate.ToString("yyyy-MM-dd")</td>
|
||||
<td>@item.Amount.ToString("C")</td>
|
||||
<td><span class="status-pill @(item.PaymentStatus == "paid" ? "success" : "warning")">@(item.PaymentStatus == "paid" ? "납부" : "미납")</span></td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
@if (item.PaymentStatus != "paid")
|
||||
{
|
||||
<button type="button" class="site-button secondary" @onclick="@(async () => await MarkPaid(item.Id))">완료</button>
|
||||
}
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(async () => await DeleteRevenue(item.Id))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<dialog class="admin-dialog" open="@isDialogOpen">
|
||||
<form class="admin-dialog-card" @onsubmit="SaveRevenue" @onsubmit:preventDefault="true">
|
||||
<h3>새 청구 추가</h3>
|
||||
<label>고객
|
||||
<select class="admin-input" @bind="ClientIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var client in clients)
|
||||
{
|
||||
<option value="@client.Id.ToString()">@GetClientDisplayName(client)</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>청구번호 <input class="admin-input" @bind="revenueForm.InvoiceNumber" /></label>
|
||||
<label>청구일 <input class="admin-input" type="text" placeholder="2026-06-29" @bind="InvoiceDateText" /></label>
|
||||
<label>청구액 <input class="admin-input" type="text" placeholder="100000" @bind="AmountText" /></label>
|
||||
<label>서비스 유형
|
||||
<select class="admin-input" @bind="revenueForm.ServiceType">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="기장 수수료">기장 수수료</option>
|
||||
<option value="세무조정료">세무조정료</option>
|
||||
<option value="세무상담료">세무상담료</option>
|
||||
<option value="신고 대행료">신고 대행료</option>
|
||||
<option value="자문 수수료">자문 수수료</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>납부예정일 <input class="admin-input" type="text" placeholder="2026-07-13" @bind="DueDateText" /></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="button" class="site-button secondary" @onclick="CloseDialog">취소</button>
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
private List<RevenueTracking>? revenues;
|
||||
private List<Client> clients = [];
|
||||
private Dictionary<int, string> clientMap = new();
|
||||
private bool isDialogOpen;
|
||||
private RevenueForm revenueForm = new();
|
||||
|
||||
private string ClientIdText { get => revenueForm.ClientId > 0 ? revenueForm.ClientId.ToString() : ""; set => revenueForm.ClientId = int.TryParse(value, out var id) ? id : 0; }
|
||||
private string InvoiceDateText { get => revenueForm.InvoiceDate?.ToString("yyyy-MM-dd") ?? ""; set => revenueForm.InvoiceDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
private string AmountText { get => revenueForm.Amount?.ToString() ?? ""; set => revenueForm.Amount = decimal.TryParse(value, out var amt) ? amt : null; }
|
||||
private string DueDateText { get => revenueForm.DueDate?.ToString("yyyy-MM-dd") ?? ""; set => revenueForm.DueDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadData();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
try
|
||||
{
|
||||
revenues = await RevenueClient.GetAllAsync();
|
||||
var (clientItems, _) = await ClientClient.GetPagedAsync(pageSize: 1000);
|
||||
clients = clientItems.ToList();
|
||||
clientMap = clients.ToDictionary(c => c.Id, GetClientDisplayName);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"데이터 로드 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void OpenCreateDialog()
|
||||
{
|
||||
revenueForm = new RevenueForm { ClientId = clients.FirstOrDefault()?.Id ?? 0, InvoiceDate = DateTime.Today, DueDate = DateTime.Today.AddDays(14) };
|
||||
isDialogOpen = true;
|
||||
}
|
||||
|
||||
private async Task SaveRevenue()
|
||||
{
|
||||
if (revenueForm.ClientId <= 0 || string.IsNullOrWhiteSpace(revenueForm.InvoiceNumber) || revenueForm.Amount is null)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "필수 항목을 입력해주세요.");
|
||||
return;
|
||||
}
|
||||
try
|
||||
{
|
||||
var newId = await RevenueClient.CreateAsync(revenueForm.ClientId, revenueForm.InvoiceNumber, revenueForm.InvoiceDate ?? DateTime.Today, revenueForm.Amount.Value, revenueForm.ServiceType, revenueForm.DueDate);
|
||||
if (newId > 0)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "청구가 추가되었습니다.");
|
||||
CloseDialog();
|
||||
await LoadData();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task MarkPaid(int id)
|
||||
{
|
||||
try
|
||||
{
|
||||
await RevenueClient.MarkPaidAsync(id, DateTime.Now);
|
||||
await JS.InvokeVoidAsync("alert", "납부가 처리되었습니다.");
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"처리 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteRevenue(int id)
|
||||
{
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "이 청구를 삭제하시겠습니까?")) return;
|
||||
try
|
||||
{
|
||||
await RevenueClient.DeleteAsync(id);
|
||||
await JS.InvokeVoidAsync("alert", "청구가 삭제되었습니다.");
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"삭제 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void CloseDialog() { isDialogOpen = false; revenueForm = new(); }
|
||||
private static string GetClientDisplayName(Client client) => !string.IsNullOrWhiteSpace(client.CompanyName) ? client.CompanyName : !string.IsNullOrWhiteSpace(client.Name) ? client.Name : $"Client #{client.Id}";
|
||||
private sealed class RevenueForm { public int ClientId { get; set; } public string InvoiceNumber { get; set; } = ""; public DateTime? InvoiceDate { get; set; } public decimal? Amount { get; set; } public string? ServiceType { get; set; } public DateTime? DueDate { get; set; } }
|
||||
}
|
||||
@@ -1,138 +0,0 @@
|
||||
@page "/admin/season-simulator"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Application.Seasonal
|
||||
@using TaxBaik.Application.Services
|
||||
|
||||
<PageTitle>시즌 시뮬레이터</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Season Preview</div>
|
||||
<h1 class="admin-page-title">시즌 시뮬레이터</h1>
|
||||
<p class="admin-page-subtitle">날짜를 선택해 홈페이지 시즌 화면이 어떻게 보이는지 미리 확인합니다.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="admin-detail-grid">
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">시뮬레이션 날짜</h3>
|
||||
<input class="admin-input" type="text" placeholder="yyyy-MM-dd" @bind="SimulationDateText" />
|
||||
<div class="admin-divider"></div>
|
||||
<div class="admin-stack">
|
||||
@foreach (var season in TaxSeasonCalendar.Seasons)
|
||||
{
|
||||
<button type="button" class="site-button secondary" @onclick="@(() => JumpToSeason(season))">@season.StartMonth/@season.StartDay - @season.Name</button>
|
||||
}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="admin-surface">
|
||||
<h3 class="admin-section-title">홈페이지 미리보기</h3>
|
||||
<p class="muted">@(simulationDate?.ToString("yyyy년 MM월 dd일") ?? "날짜를 선택하세요")</p>
|
||||
@if (activeSeason != null)
|
||||
{
|
||||
<span class="status-pill warning">@activeSeason.Name 시즌 활성</span>
|
||||
<div class="season-preview">
|
||||
@if (activeSeason.DaysUntilDeadline <= 7 && activeSeason.DaysUntilDeadline >= 0)
|
||||
{
|
||||
<div class="season-badge">D-@activeSeason.DaysUntilDeadline 마감 임박</div>
|
||||
}
|
||||
<div class="season-headline">@activeSeason.HeroHeadline</div>
|
||||
<div class="season-subtext">@activeSeason.HeroSubtext</div>
|
||||
<div class="season-cta">@activeSeason.CtaText</div>
|
||||
</div>
|
||||
<div class="admin-kv-grid mt-4">
|
||||
<div><span>활성 시즌 키</span><strong><code>@activeSeason.Key</code></strong></div>
|
||||
<div><span>마감까지</span><strong>@(activeSeason.DaysUntilDeadline >= 0 ? $"D-{activeSeason.DaysUntilDeadline}" : $"마감 후 @(-activeSeason.DaysUntilDeadline)일")</strong></div>
|
||||
<div><span>포커스 서비스</span><strong>@activeSeason.FocusService</strong></div>
|
||||
<div><span>블로그 카테고리</span><strong>@activeSeason.RelatedCategorySlug</strong></div>
|
||||
<div class="span-2"><span>긴박감 배지 문구</span><strong><code>@activeSeason.UrgencyBadge</code></strong></div>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="muted">선택한 날짜는 시즌 비활성 기간입니다. 홈페이지는 기본 Hero를 표시합니다.</div>
|
||||
<div class="season-preview mt-4">
|
||||
<div class="season-headline">사업자 세금, 부동산,<br />가족자산까지</div>
|
||||
<div class="season-subtext">세무사·부동산중개사·보험설계사 자격 보유 | 온라인 맞춤 상담</div>
|
||||
<div class="season-cta">무료 상담 신청</div>
|
||||
</div>
|
||||
}
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="admin-surface mt-4">
|
||||
<h3 class="admin-section-title">연간 시즌 타임라인</h3>
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>기간</th>
|
||||
<th>시즌</th>
|
||||
<th>블로그 카테고리</th>
|
||||
<th>상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var s in TaxSeasonCalendar.Seasons)
|
||||
{
|
||||
var isActive = activeSeason?.Key == s.Key;
|
||||
<tr>
|
||||
<td>@s.StartMonth/@s.StartDay ~ @s.EndMonth/@s.EndDay</td>
|
||||
<td>@s.Name</td>
|
||||
<td><code>@s.RelatedCategorySlug</code></td>
|
||||
<td>@(isActive ? "활성" : "비활성")</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private DateTime? simulationDate = DateTime.Today;
|
||||
private CurrentSeasonDto? activeSeason;
|
||||
private string SimulationDateText { get => simulationDate?.ToString("yyyy-MM-dd") ?? ""; set { simulationDate = DateTime.TryParse(value, out var dt) ? dt : null; ComputeSeason(); } }
|
||||
|
||||
protected override void OnInitialized() => ComputeSeason();
|
||||
|
||||
private void ComputeSeason()
|
||||
{
|
||||
if (simulationDate == null) { activeSeason = null; return; }
|
||||
var date = simulationDate.Value;
|
||||
var season = TaxSeasonCalendar.Seasons.FirstOrDefault(s =>
|
||||
{
|
||||
var start = new DateTime(date.Year, s.StartMonth, s.StartDay);
|
||||
var endYear = (s.EndMonth < s.StartMonth) ? date.Year + 1 : date.Year;
|
||||
var end = new DateTime(endYear, s.EndMonth, s.EndDay);
|
||||
return date >= start && date <= end;
|
||||
});
|
||||
|
||||
if (season == null) { activeSeason = null; return; }
|
||||
|
||||
var endYearCalc = (season.EndMonth < season.StartMonth) ? date.Year + 1 : date.Year;
|
||||
var deadline = new DateTime(endYearCalc, season.EndMonth, season.EndDay);
|
||||
var ddays = (deadline.Date - date.Date).Days;
|
||||
var badge = ddays <= 7 && ddays >= 0 ? season.UrgencyBadge.Replace("{n}", ddays.ToString()) : season.UrgencyBadge;
|
||||
|
||||
activeSeason = new CurrentSeasonDto
|
||||
{
|
||||
Key = season.Key,
|
||||
Name = season.Name,
|
||||
HeroHeadline = season.HeroHeadline,
|
||||
HeroSubtext = season.HeroSubtext,
|
||||
UrgencyBadge = badge,
|
||||
FocusService = season.FocusService,
|
||||
RelatedCategorySlug = season.RelatedCategorySlug,
|
||||
CtaText = season.CtaText,
|
||||
DaysUntilDeadline = ddays,
|
||||
Deadline = deadline
|
||||
};
|
||||
}
|
||||
|
||||
private void JumpToSeason(TaxSeason season)
|
||||
{
|
||||
simulationDate = new DateTime(DateTime.Today.Year, season.StartMonth, season.StartDay);
|
||||
ComputeSeason();
|
||||
}
|
||||
}
|
||||
@@ -1,188 +0,0 @@
|
||||
@page "/admin/settings"
|
||||
@attribute [Authorize]
|
||||
@using System.ComponentModel.DataAnnotations
|
||||
@using System.Collections.Generic
|
||||
@using TaxBaik.Web.Services
|
||||
@using TaxBaik.Domain.Interfaces
|
||||
@inject IApiClient ApiClient
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>설정</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">System</div>
|
||||
<h1 class="admin-page-title">설정</h1>
|
||||
<p class="admin-page-subtitle">공개 사이트 연락처와 관리자 계정 보안을 관리합니다.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="admin-detail-grid">
|
||||
<section class="admin-surface">
|
||||
<div class="admin-section-header compact">
|
||||
<div>
|
||||
<h3 class="admin-section-title">사이트 정보</h3>
|
||||
<p class="muted">홈페이지와 문의 알림에 노출되는 기본 정보입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="admin-form" @onsubmit="SaveSettings" @onsubmit:preventDefault="true">
|
||||
<label>전화번호<input class="admin-input" @bind="phone" /></label>
|
||||
<label>이메일<input class="admin-input" @bind="email" /></label>
|
||||
<label>카카오 채널 URL<input class="admin-input" @bind="kakaoUrl" /></label>
|
||||
<label>인스타그램<input class="admin-input" @bind="instagramUrl" /></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary">사이트 정보 저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="admin-surface">
|
||||
<div class="admin-section-header compact">
|
||||
<div>
|
||||
<h3 class="admin-section-title">계정 관리</h3>
|
||||
<p class="muted">비밀번호는 12자 이상으로 관리합니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="admin-form" @onsubmit="ChangePassword" @onsubmit:preventDefault="true">
|
||||
<label>현재 비밀번호<input class="admin-input" type="password" @bind="currentPassword" /></label>
|
||||
<label>새 비밀번호<input class="admin-input" type="password" @bind="newPassword" /></label>
|
||||
<label>새 비밀번호 확인<input class="admin-input" type="password" @bind="confirmNewPassword" /></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary" disabled="@isChangingPassword">
|
||||
@(isChangingPassword ? "변경 중..." : "비밀번호 변경")
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private string phone = "010-4122-8268";
|
||||
private string email = "taxbaik5668@gmail.com";
|
||||
private string kakaoUrl = "http://pf.kakao.com/_xoxchTX";
|
||||
private string instagramUrl = "https://www.instagram.com/taxtory5668/";
|
||||
private string currentPassword = "";
|
||||
private string newPassword = "";
|
||||
private string confirmNewPassword = "";
|
||||
private bool isChangingPassword;
|
||||
private bool isLoadingSettings;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
await LoadSettingsAsync();
|
||||
}
|
||||
|
||||
private async Task LoadSettingsAsync()
|
||||
{
|
||||
isLoadingSettings = true;
|
||||
|
||||
try
|
||||
{
|
||||
var settings = await ApiClient.GetAsync<Dictionary<string, string>>("site-settings");
|
||||
if (settings is null || settings.Count == 0)
|
||||
return;
|
||||
|
||||
if (settings.TryGetValue("PhoneNumber", out var loadedPhone) && !string.IsNullOrWhiteSpace(loadedPhone))
|
||||
phone = loadedPhone;
|
||||
|
||||
if (settings.TryGetValue("EmailAddress", out var loadedEmail) && !string.IsNullOrWhiteSpace(loadedEmail))
|
||||
email = loadedEmail;
|
||||
|
||||
if (settings.TryGetValue("KakaoChannelUrl", out var loadedKakao) && !string.IsNullOrWhiteSpace(loadedKakao))
|
||||
kakaoUrl = loadedKakao;
|
||||
|
||||
if (settings.TryGetValue("InstagramUrl", out var loadedInstagram) && !string.IsNullOrWhiteSpace(loadedInstagram))
|
||||
instagramUrl = loadedInstagram;
|
||||
}
|
||||
catch
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "사이트 설정을 불러오지 못했습니다.");
|
||||
}
|
||||
finally
|
||||
{
|
||||
isLoadingSettings = false;
|
||||
}
|
||||
}
|
||||
|
||||
private async Task SaveSettings()
|
||||
{
|
||||
if (isLoadingSettings)
|
||||
return;
|
||||
|
||||
var response = await ApiClient.PutAsync<SaveSettingsResponse>("site-settings", new
|
||||
{
|
||||
Phone = phone,
|
||||
Email = email,
|
||||
KakaoUrl = kakaoUrl,
|
||||
InstagramUrl = instagramUrl
|
||||
});
|
||||
|
||||
if (response?.Message is null)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "설정 저장에 실패했습니다.");
|
||||
return;
|
||||
}
|
||||
|
||||
await JS.InvokeVoidAsync("alert", response.Message);
|
||||
}
|
||||
|
||||
private async Task ChangePassword()
|
||||
{
|
||||
if (isChangingPassword)
|
||||
return;
|
||||
|
||||
if (string.IsNullOrWhiteSpace(currentPassword) || string.IsNullOrWhiteSpace(newPassword))
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "현재 비밀번호와 새 비밀번호를 입력하세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
if (newPassword != confirmNewPassword)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "새 비밀번호 확인이 일치하지 않습니다.");
|
||||
return;
|
||||
}
|
||||
|
||||
isChangingPassword = true;
|
||||
|
||||
try
|
||||
{
|
||||
var response = await ApiClient.PostAsync<ChangePasswordResponse>("auth/change-password", new
|
||||
{
|
||||
CurrentPassword = currentPassword,
|
||||
NewPassword = newPassword
|
||||
});
|
||||
|
||||
if (response?.Message == null)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "비밀번호 변경에 실패했습니다.");
|
||||
return;
|
||||
}
|
||||
|
||||
await JS.InvokeVoidAsync("alert", response.Message);
|
||||
currentPassword = "";
|
||||
newPassword = "";
|
||||
confirmNewPassword = "";
|
||||
}
|
||||
catch
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "비밀번호 변경 중 오류가 발생했습니다.");
|
||||
}
|
||||
finally
|
||||
{
|
||||
isChangingPassword = false;
|
||||
}
|
||||
}
|
||||
|
||||
private class ChangePasswordResponse
|
||||
{
|
||||
public string Message { get; set; } = "";
|
||||
}
|
||||
|
||||
private class SaveSettingsResponse
|
||||
{
|
||||
public string Message { get; set; } = "";
|
||||
}
|
||||
}
|
||||
@@ -1,204 +0,0 @@
|
||||
@page "/admin/tax-filing-schedules"
|
||||
@using TaxBaik.Web.Services.AdminClients
|
||||
@inject ITaxFilingScheduleBrowserClient TaxFilingClient
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject IJSRuntime JS
|
||||
@attribute [Authorize]
|
||||
|
||||
<PageTitle>신고 일정</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">CRM & 세무관리</div>
|
||||
<h1 class="admin-page-title">신고 일정</h1>
|
||||
<p class="admin-page-subtitle">고객별 마감일과 처리 상태를 한 화면에서 관리합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick="OpenCreateDialog">새 일정 추가</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (schedules is null)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (schedules.Count == 0)
|
||||
{
|
||||
<div class="muted">신고 일정이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>고객</th>
|
||||
<th>신고 유형</th>
|
||||
<th>마감일</th>
|
||||
<th>신고연도</th>
|
||||
<th>상태</th>
|
||||
<th>작업</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in schedules)
|
||||
{
|
||||
var daysLeft = (item.DueDate.Date - DateTime.Today).Days;
|
||||
<tr>
|
||||
<td>@item.Id</td>
|
||||
<td>@clientMap.GetValueOrDefault(item.ClientId, $"Client #{item.ClientId}")</td>
|
||||
<td>@item.FilingType</td>
|
||||
<td>@item.DueDate.ToString("yyyy-MM-dd") @(daysLeft >= 0 ? $"(D-{daysLeft})" : $"(마감 {Math.Abs(daysLeft)}일 경과)")</td>
|
||||
<td>@item.FilingYear</td>
|
||||
<td>@(item.Status == "completed" ? "완료" : "대기")</td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
@if (item.Status != "completed")
|
||||
{
|
||||
<button type="button" class="site-button secondary" @onclick="@(async () => await CompleteSchedule(item.Id))">완료</button>
|
||||
}
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(async () => await DeleteSchedule(item.Id))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<dialog class="admin-dialog" open="@isDialogOpen">
|
||||
<form class="admin-dialog-card" @onsubmit="SaveSchedule" @onsubmit:preventDefault="true">
|
||||
<h3>새 신고 일정 추가</h3>
|
||||
<label>고객
|
||||
<select class="admin-input" @bind="ClientIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var client in clients)
|
||||
{
|
||||
<option value="@client.Id.ToString()">@GetClientDisplayName(client)</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>신고 유형
|
||||
<select class="admin-input" @bind="scheduleForm.FilingType">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="종합소득세">종합소득세</option>
|
||||
<option value="부가가치세">부가가치세</option>
|
||||
<option value="법인세">법인세</option>
|
||||
<option value="원천세">원천세</option>
|
||||
<option value="종합부동산세">종합부동산세</option>
|
||||
<option value="양도소득세">양도소득세</option>
|
||||
<option value="상속·증여세">상속·증여세</option>
|
||||
<option value="세무조정">세무조정</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>마감일 <input class="admin-input" type="text" placeholder="2026-07-01" @bind="DueDateText" /></label>
|
||||
<label>신고연도 <input class="admin-input" type="text" placeholder="2026" @bind="FilingYearText" /></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="button" class="site-button secondary" @onclick="CloseDialog">취소</button>
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
private List<TaxFilingSchedule>? schedules;
|
||||
private List<Client> clients = [];
|
||||
private Dictionary<int, string> clientMap = new();
|
||||
private bool isDialogOpen;
|
||||
private TaxFilingScheduleForm scheduleForm = new();
|
||||
private string ClientIdText { get => scheduleForm.ClientId > 0 ? scheduleForm.ClientId.ToString() : ""; set => scheduleForm.ClientId = int.TryParse(value, out var id) ? id : 0; }
|
||||
private string DueDateText { get => scheduleForm.DueDate?.ToString("yyyy-MM-dd") ?? ""; set => scheduleForm.DueDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
private string FilingYearText { get => scheduleForm.FilingYear.ToString(); set => scheduleForm.FilingYear = int.TryParse(value, out var year) ? year : DateTime.Now.Year; }
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadData();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
try
|
||||
{
|
||||
schedules = await TaxFilingClient.GetAllAsync();
|
||||
var (clientItems, _) = await ClientClient.GetPagedAsync(pageSize: 1000);
|
||||
clients = clientItems.ToList();
|
||||
clientMap = clients.ToDictionary(c => c.Id, GetClientDisplayName);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"데이터 로드 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void OpenCreateDialog()
|
||||
{
|
||||
scheduleForm = new TaxFilingScheduleForm { FilingYear = DateTime.Now.Year, DueDate = DateTime.Today, ClientId = clients.FirstOrDefault()?.Id ?? 0 };
|
||||
isDialogOpen = true;
|
||||
}
|
||||
|
||||
private async Task SaveSchedule()
|
||||
{
|
||||
if (scheduleForm.ClientId <= 0 || string.IsNullOrWhiteSpace(scheduleForm.FilingType))
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "필수 항목을 입력해주세요.");
|
||||
return;
|
||||
}
|
||||
try
|
||||
{
|
||||
var newId = await TaxFilingClient.CreateAsync(scheduleForm.ClientId, scheduleForm.FilingType, scheduleForm.DueDate ?? DateTime.Today, scheduleForm.FilingYear);
|
||||
if (newId > 0)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "신고 일정이 추가되었습니다.");
|
||||
CloseDialog();
|
||||
await LoadData();
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task CompleteSchedule(int id)
|
||||
{
|
||||
try
|
||||
{
|
||||
await TaxFilingClient.MarkCompletedAsync(id);
|
||||
await JS.InvokeVoidAsync("alert", "신고 일정이 완료 처리되었습니다.");
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"처리 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteSchedule(int id)
|
||||
{
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "이 신고 일정을 삭제하시겠습니까?")) return;
|
||||
try
|
||||
{
|
||||
await TaxFilingClient.DeleteAsync(id);
|
||||
await JS.InvokeVoidAsync("alert", "신고 일정이 삭제되었습니다.");
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"삭제 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void CloseDialog() { isDialogOpen = false; scheduleForm = new(); }
|
||||
private static string GetClientDisplayName(Client client) => !string.IsNullOrWhiteSpace(client.CompanyName) ? client.CompanyName : !string.IsNullOrWhiteSpace(client.Name) ? client.Name : $"Client #{client.Id}";
|
||||
private sealed class TaxFilingScheduleForm { public int ClientId { get; set; } public string FilingType { get; set; } = ""; public DateTime? DueDate { get; set; } public int FilingYear { get; set; } = DateTime.Now.Year; }
|
||||
}
|
||||
@@ -1,104 +0,0 @@
|
||||
@using TaxBaik.Domain.Entities
|
||||
@inject ITaxFilingBrowserClient FilingClient
|
||||
@inject IJSRuntime JS
|
||||
|
||||
@if (Filings == null || Filings.Count == 0)
|
||||
{
|
||||
<div class="muted">항목이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>고객</th>
|
||||
<th>신고 유형</th>
|
||||
<th>기한</th>
|
||||
<th>D-day</th>
|
||||
<th>메모</th>
|
||||
<th>처리</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var filing in Filings)
|
||||
{
|
||||
var dday = (filing.DueDate.Date - DateTime.Today).Days;
|
||||
<tr>
|
||||
<td>@filing.ClientName</td>
|
||||
<td>@filing.FilingType</td>
|
||||
<td>@filing.DueDate.ToString("yyyy-MM-dd")</td>
|
||||
<td>
|
||||
@if (dday < 0)
|
||||
{
|
||||
<span class="status-pill danger">D+@(-dday)</span>
|
||||
}
|
||||
else if (dday <= 7)
|
||||
{
|
||||
<span class="status-pill warning">D-@dday</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>D-@dday</span>
|
||||
}
|
||||
</td>
|
||||
<td>@(filing.Memo ?? "")</td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
@if (filing.Status == "pending")
|
||||
{
|
||||
<button type="button" class="site-button secondary" @onclick="@(() => MarkFiled(filing))">완료</button>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="status-pill success">완료</span>
|
||||
}
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(() => DeleteFiling(filing.Id))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
|
||||
@code {
|
||||
[Parameter]
|
||||
public List<TaxFiling>? Filings { get; set; }
|
||||
|
||||
[Parameter]
|
||||
public EventCallback OnStatusChange { get; set; }
|
||||
|
||||
private async Task MarkFiled(TaxFiling filing)
|
||||
{
|
||||
filing.Status = "filed";
|
||||
var result = await FilingClient.UpdateAsync(filing.Id, filing);
|
||||
if (result != null)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "신고 완료 처리되었습니다.");
|
||||
await OnStatusChange.InvokeAsync();
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "처리 실패");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteFiling(int id)
|
||||
{
|
||||
var confirmed = await JS.InvokeAsync<bool>("confirm", "이 항목을 삭제하시겠습니까?");
|
||||
if (!confirmed) return;
|
||||
|
||||
var success = await FilingClient.DeleteAsync(id);
|
||||
if (success)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "삭제되었습니다.");
|
||||
await OnStatusChange.InvokeAsync();
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "삭제 실패");
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,207 +0,0 @@
|
||||
@page "/admin/tax-filings"
|
||||
@attribute [Authorize]
|
||||
@using TaxBaik.Web.Services
|
||||
@using TaxBaik.Domain.Entities
|
||||
@inject ITaxFilingBrowserClient FilingClient
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject IJSRuntime JS
|
||||
|
||||
<PageTitle>신고 일정 관리</PageTitle>
|
||||
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">Tax Schedule</div>
|
||||
<h1 class="admin-page-title">신고 일정</h1>
|
||||
<p class="admin-page-subtitle">고객별 세금 신고 마감일을 관리하고 완료 처리합니다.</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick="@(() => showAddForm = !showAddForm)">일정 추가</button>
|
||||
</section>
|
||||
|
||||
@if (showAddForm)
|
||||
{
|
||||
<div class="admin-surface mb-4">
|
||||
<h3 class="admin-section-title">새 신고 일정</h3>
|
||||
<form class="admin-dialog-card" @onsubmit="AddFiling" @onsubmit:preventDefault="true">
|
||||
<label>고객 검색
|
||||
<select class="admin-input" @bind="SelectedClientIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var client in clients)
|
||||
{
|
||||
<option value="@client.Id">@GetClientDisplayName(client)</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>신고 유형
|
||||
<select class="admin-input" @bind="newFilingType">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var t in TaxFilingService.FilingTypes)
|
||||
{
|
||||
<option value="@t">@t</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>신고 기한 <input class="admin-input" type="text" placeholder="yyyy-MM-dd" @bind="DueDateText" /></label>
|
||||
<label>메모 <textarea class="admin-input" rows="3" @bind="newMemo"></textarea></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
<button type="button" class="site-button secondary" @onclick='() => showAddForm = false'>취소</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="admin-surface">
|
||||
<div class="admin-tabbar">
|
||||
<button type="button" class="admin-tab @(activeTab == "pending" ? "active" : "")" @onclick='() => activeTab = "pending"'>신고 예정</button>
|
||||
<button type="button" class="admin-tab @(activeTab == "filed" ? "active" : "")" @onclick='() => activeTab = "filed"'>신고 완료</button>
|
||||
<button type="button" class="admin-tab @(activeTab == "overdue" ? "active" : "")" @onclick='() => activeTab = "overdue"'>기한 초과</button>
|
||||
</div>
|
||||
|
||||
@if (CurrentFilings.Count == 0)
|
||||
{
|
||||
<div class="muted">항목이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>고객</th>
|
||||
<th>신고 유형</th>
|
||||
<th>기한</th>
|
||||
<th>D-day</th>
|
||||
<th>메모</th>
|
||||
<th>처리</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var filing in CurrentFilings)
|
||||
{
|
||||
var dday = (filing.DueDate.Date - DateTime.Today).Days;
|
||||
<tr>
|
||||
<td>@filing.ClientName</td>
|
||||
<td>@filing.FilingType</td>
|
||||
<td>@filing.DueDate.ToString("yyyy-MM-dd")</td>
|
||||
<td>
|
||||
@if (dday < 0)
|
||||
{
|
||||
<span class="status-pill danger">D+@(-dday)</span>
|
||||
}
|
||||
else if (dday <= 7)
|
||||
{
|
||||
<span class="status-pill warning">D-@dday</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>D-@dday</span>
|
||||
}
|
||||
</td>
|
||||
<td>@(filing.Memo ?? "")</td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
@if (filing.Status == "pending")
|
||||
{
|
||||
<button type="button" class="site-button secondary" @onclick="@(() => MarkFiled(filing))">완료</button>
|
||||
}
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(() => DeleteFiling(filing.Id))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private List<TaxFiling> allFilings = [];
|
||||
private List<Client> clients = [];
|
||||
private bool showAddForm;
|
||||
private string activeTab = "pending";
|
||||
private int selectedClientId;
|
||||
private string newFilingType = "";
|
||||
private DateTime? newDueDate = DateTime.Today.AddDays(30);
|
||||
private string newMemo = "";
|
||||
|
||||
private string SelectedClientIdText { get => selectedClientId > 0 ? selectedClientId.ToString() : ""; set => selectedClientId = int.TryParse(value, out var id) ? id : 0; }
|
||||
private string DueDateText { get => newDueDate?.ToString("yyyy-MM-dd") ?? ""; set => newDueDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
private List<TaxFiling> CurrentFilings => activeTab switch
|
||||
{
|
||||
"filed" => allFilings.Where(x => x.Status == "filed").ToList(),
|
||||
"overdue" => allFilings.Where(x => x.Status == "overdue").ToList(),
|
||||
_ => allFilings.Where(x => x.Status == "pending").ToList()
|
||||
};
|
||||
|
||||
protected override async Task OnInitializedAsync() => await Reload();
|
||||
|
||||
private async Task Reload()
|
||||
{
|
||||
try
|
||||
{
|
||||
allFilings = (await FilingClient.GetUpcomingAsync(365)).ToList();
|
||||
var (clientItems, _) = await ClientClient.GetPagedAsync(pageSize: 1000);
|
||||
clients = clientItems.ToList();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task AddFiling()
|
||||
{
|
||||
try
|
||||
{
|
||||
if (selectedClientId <= 0)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "고객을 선택하세요.");
|
||||
return;
|
||||
}
|
||||
|
||||
var filing = new TaxFiling
|
||||
{
|
||||
ClientId = selectedClientId,
|
||||
FilingType = newFilingType,
|
||||
DueDate = newDueDate?.ToUniversalTime() ?? DateTime.UtcNow,
|
||||
Status = "pending",
|
||||
Memo = string.IsNullOrWhiteSpace(newMemo) ? null : newMemo
|
||||
};
|
||||
var result = await FilingClient.CreateAsync(filing);
|
||||
if (result != null)
|
||||
{
|
||||
showAddForm = false;
|
||||
await JS.InvokeVoidAsync("alert", "신고 일정이 추가되었습니다.");
|
||||
await Reload();
|
||||
}
|
||||
else
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "추가 실패");
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"오류: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task MarkFiled(TaxFiling filing)
|
||||
{
|
||||
filing.Status = "filed";
|
||||
await FilingClient.UpdateAsync(filing.Id, filing);
|
||||
await JS.InvokeVoidAsync("alert", "신고 완료 처리되었습니다.");
|
||||
await Reload();
|
||||
}
|
||||
|
||||
private async Task DeleteFiling(int id)
|
||||
{
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "삭제하시겠습니까?")) return;
|
||||
await FilingClient.DeleteAsync(id);
|
||||
await JS.InvokeVoidAsync("alert", "삭제되었습니다.");
|
||||
await Reload();
|
||||
}
|
||||
|
||||
private static string GetClientDisplayName(Client client)
|
||||
=> !string.IsNullOrWhiteSpace(client.CompanyName) ? client.CompanyName : !string.IsNullOrWhiteSpace(client.Name) ? client.Name : $"Client #{client.Id}";
|
||||
}
|
||||
@@ -1,220 +0,0 @@
|
||||
@page "/admin/tax-profiles"
|
||||
@using TaxBaik.Web.Services.AdminClients
|
||||
@inject ITaxProfileBrowserClient TaxProfileClient
|
||||
@inject IClientBrowserClient ClientClient
|
||||
@inject IJSRuntime JS
|
||||
@attribute [Authorize]
|
||||
|
||||
<PageTitle>세무 프로필</PageTitle>
|
||||
<section class="admin-page-hero">
|
||||
<div>
|
||||
<div class="admin-eyebrow">CRM & 세무관리</div>
|
||||
<h1 class="admin-page-title">세무 프로필</h1>
|
||||
<p class="admin-page-subtitle">고객별 세무 프로필, 신고 일정, 위험도 추적</p>
|
||||
</div>
|
||||
<button type="button" class="site-button primary" @onclick="OpenCreateDialog">새 프로필 추가</button>
|
||||
</section>
|
||||
|
||||
<div class="admin-surface">
|
||||
@if (profiles is null)
|
||||
{
|
||||
<Skeleton Count="5" CssClass="taxbaik-skeleton-grid" />
|
||||
}
|
||||
else if (profiles.Count == 0)
|
||||
{
|
||||
<div class="muted">세무 프로필이 없습니다.</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="admin-table-wrap">
|
||||
<table class="admin-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>고객</th>
|
||||
<th>사업 유형</th>
|
||||
<th>위험도</th>
|
||||
<th>다음 신고</th>
|
||||
<th>작업</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var item in profiles)
|
||||
{
|
||||
<tr>
|
||||
<td>@item.Id</td>
|
||||
<td>@(clientMap.GetValueOrDefault(item.ClientId, $"Client #{item.ClientId}"))</td>
|
||||
<td>@item.BusinessType</td>
|
||||
<td><span class="status-pill @(item.TaxRiskLevel == "high" ? "danger" : item.TaxRiskLevel == "normal" ? "warning" : "success")">@item.TaxRiskLevel</span></td>
|
||||
<td>@(item.NextFilingDueDate?.ToString("yyyy-MM-dd") ?? "—")</td>
|
||||
<td>
|
||||
<div class="admin-row-actions">
|
||||
<button type="button" class="admin-icon-button" @onclick="@(async () => await OpenEditDialog(item))">✎</button>
|
||||
<button type="button" class="admin-icon-button danger" @onclick="@(async () => await DeleteProfile(item.Id))">✕</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<dialog class="admin-dialog" open="@isDialogOpen">
|
||||
<form class="admin-dialog-card" @onsubmit="SaveProfile" @onsubmit:preventDefault="true">
|
||||
<h3>@(isEditMode ? "세무 프로필 수정" : "새 세무 프로필 추가")</h3>
|
||||
<label>고객
|
||||
<select class="admin-input" @bind="ClientIdText">
|
||||
<option value="">선택하세요</option>
|
||||
@foreach (var client in clients)
|
||||
{
|
||||
<option value="@client.Id.ToString()">@GetClientDisplayName(client)</option>
|
||||
}
|
||||
</select>
|
||||
</label>
|
||||
<label>사업 유형
|
||||
<select class="admin-input" @bind="profileForm.BusinessType">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="일반제조업">일반제조업</option>
|
||||
<option value="도소매업">도소매업</option>
|
||||
<option value="서비스업">서비스업</option>
|
||||
<option value="정보통신업">정보통신업</option>
|
||||
<option value="부동산업">부동산업</option>
|
||||
<option value="건설업">건설업</option>
|
||||
<option value="음식점업">음식점업</option>
|
||||
<option value="프리랜서">프리랜서</option>
|
||||
<option value="기타">기타</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>위험도
|
||||
<select class="admin-input" @bind="profileForm.TaxRiskLevel">
|
||||
<option value="low">낮음</option>
|
||||
<option value="normal">보통</option>
|
||||
<option value="high">높음</option>
|
||||
</select>
|
||||
</label>
|
||||
<label>다음 신고 예정일 <input class="admin-input" type="text" placeholder="2026-07-01" @bind="NextFilingText" /></label>
|
||||
<label>특수 사항 <textarea class="admin-input" rows="3" @bind="profileForm.SpecialNotes"></textarea></label>
|
||||
<div class="admin-dialog-actions">
|
||||
<button type="button" class="site-button secondary" @onclick="CloseDialog">취소</button>
|
||||
<button type="submit" class="site-button primary">저장</button>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
|
||||
@code {
|
||||
[CascadingParameter] private Task<AuthenticationState>? AuthStateTask { get; set; }
|
||||
private List<TaxProfile>? profiles;
|
||||
private List<Client> clients = [];
|
||||
private Dictionary<int, string> clientMap = new();
|
||||
private bool isDialogOpen;
|
||||
private bool isEditMode;
|
||||
private TaxProfile? editingProfile;
|
||||
private TaxProfileForm profileForm = new();
|
||||
private string ClientIdText { get => profileForm.ClientId > 0 ? profileForm.ClientId.ToString() : ""; set => profileForm.ClientId = int.TryParse(value, out var id) ? id : 0; }
|
||||
private string NextFilingText { get => profileForm.NextFilingDueDate?.ToString("yyyy-MM-dd") ?? ""; set => profileForm.NextFilingDueDate = DateTime.TryParse(value, out var dt) ? dt : null; }
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender && AuthStateTask != null)
|
||||
{
|
||||
var authState = await AuthStateTask;
|
||||
if (authState.User.Identity?.IsAuthenticated == true)
|
||||
{
|
||||
await LoadData();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task LoadData()
|
||||
{
|
||||
try
|
||||
{
|
||||
profiles = await TaxProfileClient.GetAllAsync();
|
||||
var (clientItems, _) = await ClientClient.GetPagedAsync(pageSize: 1000);
|
||||
clients = clientItems.ToList();
|
||||
clientMap = clients.ToDictionary(c => c.Id, GetClientDisplayName);
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"데이터 로드 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void OpenCreateDialog()
|
||||
{
|
||||
isEditMode = false;
|
||||
editingProfile = null;
|
||||
profileForm = new TaxProfileForm { ClientId = clients.FirstOrDefault()?.Id ?? 0, TaxRiskLevel = "normal", NextFilingDueDate = DateTime.Today.AddMonths(1) };
|
||||
isDialogOpen = true;
|
||||
}
|
||||
|
||||
private async Task OpenEditDialog(TaxProfile profile)
|
||||
{
|
||||
isEditMode = true;
|
||||
editingProfile = profile;
|
||||
profileForm = new TaxProfileForm
|
||||
{
|
||||
ClientId = profile.ClientId,
|
||||
BusinessType = profile.BusinessType ?? "",
|
||||
TaxRiskLevel = profile.TaxRiskLevel,
|
||||
NextFilingDueDate = profile.NextFilingDueDate,
|
||||
SpecialNotes = profile.SpecialNotes
|
||||
};
|
||||
isDialogOpen = true;
|
||||
await Task.CompletedTask;
|
||||
}
|
||||
|
||||
private async Task SaveProfile()
|
||||
{
|
||||
if (profileForm.ClientId <= 0 || string.IsNullOrWhiteSpace(profileForm.BusinessType))
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", "고객과 사업 유형을 입력하세요.");
|
||||
return;
|
||||
}
|
||||
try
|
||||
{
|
||||
if (isEditMode && editingProfile != null)
|
||||
{
|
||||
await TaxProfileClient.UpdateAsync(editingProfile.Id, profileForm.BusinessType, null, profileForm.NextFilingDueDate, profileForm.TaxRiskLevel);
|
||||
await JS.InvokeVoidAsync("alert", "세무 프로필이 수정되었습니다.");
|
||||
}
|
||||
else
|
||||
{
|
||||
var newId = await TaxProfileClient.CreateAsync(profileForm.ClientId, profileForm.BusinessType);
|
||||
if (newId > 0)
|
||||
{
|
||||
await TaxProfileClient.UpdateAsync(newId, profileForm.BusinessType, null, profileForm.NextFilingDueDate, profileForm.TaxRiskLevel);
|
||||
await JS.InvokeVoidAsync("alert", "세무 프로필이 추가되었습니다.");
|
||||
}
|
||||
}
|
||||
CloseDialog();
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"저장 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteProfile(int id)
|
||||
{
|
||||
if (!await JS.InvokeAsync<bool>("confirm", "이 세무 프로필을 삭제하시겠습니까?")) return;
|
||||
try
|
||||
{
|
||||
await TaxProfileClient.DeleteAsync(id);
|
||||
await JS.InvokeVoidAsync("alert", "세무 프로필이 삭제되었습니다.");
|
||||
await LoadData();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
await JS.InvokeVoidAsync("alert", $"삭제 실패: {ex.Message}");
|
||||
}
|
||||
}
|
||||
|
||||
private void CloseDialog() { isDialogOpen = false; isEditMode = false; editingProfile = null; profileForm = new(); }
|
||||
private static string GetClientDisplayName(Client client) => !string.IsNullOrWhiteSpace(client.CompanyName) ? client.CompanyName : !string.IsNullOrWhiteSpace(client.Name) ? client.Name : $"Client #{client.Id}";
|
||||
private sealed class TaxProfileForm { public int ClientId { get; set; } public string BusinessType { get; set; } = ""; public string TaxRiskLevel { get; set; } = "normal"; public DateTime? NextFilingDueDate { get; set; } public string? SpecialNotes { get; set; } }
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
@using Microsoft.FluentUI.AspNetCore.Components
|
||||
<div class="admin-dialog">
|
||||
<div class="admin-dialog-title">@Title</div>
|
||||
<p class="admin-dialog-message">@Message</p>
|
||||
<div class="admin-dialog-actions">
|
||||
<FluentButton Appearance="ButtonAppearance.Transparent" @onclick="Cancel">취소</FluentButton>
|
||||
<FluentButton Appearance="ButtonAppearance.Primary" @onclick="Confirm">삭제</FluentButton>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Parameter] public string Title { get; set; } = "";
|
||||
[Parameter] public string Message { get; set; } = "";
|
||||
|
||||
[Parameter] public EventCallback OnCancel { get; set; }
|
||||
[Parameter] public EventCallback OnConfirm { get; set; }
|
||||
|
||||
private Task Cancel() => OnCancel.InvokeAsync();
|
||||
private Task Confirm() => OnConfirm.InvokeAsync();
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
<div class="@CssClass" aria-hidden="true">
|
||||
@for (var i = 0; i < Count; i++)
|
||||
{
|
||||
<div class="taxbaik-skeleton-item">
|
||||
<div class="taxbaik-skeleton-line taxbaik-skeleton-title"></div>
|
||||
<div class="taxbaik-skeleton-line"></div>
|
||||
<div class="taxbaik-skeleton-line taxbaik-skeleton-short"></div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
[Parameter] public int Count { get; set; } = 3;
|
||||
[Parameter] public string CssClass { get; set; } = "";
|
||||
}
|
||||
@@ -1,24 +0,0 @@
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>백원숙 세무회계</title>
|
||||
<base href="/taxbaik/" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800&display=swap" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="css/design-tokens.css" />
|
||||
<link rel="stylesheet" href="css/ui-primitives.css" />
|
||||
<link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="css/site.css" />
|
||||
<link rel="stylesheet" href="css/admin.css" />
|
||||
<component type="typeof(HeadOutlet)" render-mode="InteractiveServer" />
|
||||
</head>
|
||||
<body class="site-blazor">
|
||||
<Routes @rendermode="new InteractiveServerRenderMode(prerender: true)" />
|
||||
<script src="_content/Microsoft.FluentUI.AspNetCore.Components/js/lib.module.js" type="module" async></script>
|
||||
<script src="js/admin-session.js"></script>
|
||||
<script src="_framework/blazor.web.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,45 +0,0 @@
|
||||
@page "/blog"
|
||||
@using TaxBaik.Application.Services
|
||||
@inject BlogService BlogService
|
||||
|
||||
<PageTitle>블로그</PageTitle>
|
||||
|
||||
<section class="site-content">
|
||||
<div class="site-section-header">
|
||||
<h1>세무 블로그</h1>
|
||||
<p>최신 세법 변화와 실무 팁을 확인하세요.</p>
|
||||
</div>
|
||||
|
||||
@if (posts is null)
|
||||
{
|
||||
<Skeleton Count="6" CssClass="site-post-grid" />
|
||||
}
|
||||
else if (posts.Count == 0)
|
||||
{
|
||||
<p>게시물이 없습니다.</p>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="site-post-grid">
|
||||
@foreach (var post in posts)
|
||||
{
|
||||
<article class="site-post-card">
|
||||
<div class="site-post-meta">@post.CategoryName</div>
|
||||
<h2>@post.Title</h2>
|
||||
<p>@(post.PublishedAt ?? post.CreatedAt).ToString("yyyy-MM-dd")</p>
|
||||
<a class="site-button primary" href="/taxbaik/blog/@post.Slug">글 내용 보기</a>
|
||||
</article>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
</section>
|
||||
|
||||
@code {
|
||||
private List<TaxBaik.Domain.Entities.BlogPost>? posts;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
var (items, _) = await BlogService.GetPublishedPagedAsync(1, 12);
|
||||
posts = items.ToList();
|
||||
}
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
@page "/"
|
||||
@using TaxBaik.Application.Seasonal
|
||||
@using TaxBaik.Application.Services
|
||||
@inject SeasonalMarketingService SeasonalMarketingService
|
||||
|
||||
<PageTitle>백원숙 세무회계</PageTitle>
|
||||
|
||||
<section class="site-hero">
|
||||
<div class="site-hero-copy">
|
||||
<div class="site-kicker">사업자 · 부동산 · 증여 세무 상담</div>
|
||||
<h1>세금과 자산을 한 번에 정리하는 맞춤형 세무 파트너</h1>
|
||||
<p>사업자 세무, 부동산 거래, 가족자산 관리를 위한 통합 상담을 제공합니다.</p>
|
||||
<div class="site-actions">
|
||||
<a class="site-button primary" href="/taxbaik/contact">무료 상담 신청</a>
|
||||
<a class="site-button secondary" href="/taxbaik/blog">블로그 보기</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,16 +0,0 @@
|
||||
@page "/portal"
|
||||
<PageTitle>마이 포털</PageTitle>
|
||||
|
||||
<section class="site-content">
|
||||
<div class="site-section-header">
|
||||
<h1>고객 포털</h1>
|
||||
<p>포털은 다음 단계에서 세무 신고와 상담 이력 데이터에 연결됩니다.</p>
|
||||
</div>
|
||||
<div class="site-card">
|
||||
<p>현재는 인증 연결과 데이터 바인딩을 준비하는 단계입니다.</p>
|
||||
<div class="site-actions">
|
||||
<a class="site-button primary" href="/taxbaik/portal/login">로그인</a>
|
||||
<a class="site-button secondary" href="/taxbaik/portal/register">회원가입</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,6 +0,0 @@
|
||||
@page "/portal/login"
|
||||
<PageTitle>고객 포털 로그인</PageTitle>
|
||||
<section class="site-content">
|
||||
<h1>고객 포털 로그인</h1>
|
||||
<p>로그인 폼은 기존 인증 흐름을 Blazor로 옮기는 다음 단계에서 연결합니다.</p>
|
||||
</section>
|
||||
@@ -1,6 +0,0 @@
|
||||
@page "/portal/register"
|
||||
<PageTitle>고객 포털 회원가입</PageTitle>
|
||||
<section class="site-content">
|
||||
<h1>고객 포털 회원가입</h1>
|
||||
<p>회원가입 폼은 다음 단계에서 Blazor 입력 컴포넌트로 채워집니다.</p>
|
||||
</section>
|
||||
@@ -1,14 +0,0 @@
|
||||
@using Microsoft.AspNetCore.Components.Routing
|
||||
|
||||
<Router AppAssembly="@typeof(Program).Assembly">
|
||||
<Found Context="routeData">
|
||||
<RouteView RouteData="@routeData" DefaultLayout="@typeof(TaxBaik.Web.Components.Site.SiteLayout)" />
|
||||
<FocusOnNavigate RouteData="@routeData" Selector="h1" />
|
||||
</Found>
|
||||
<NotFound>
|
||||
<PageTitle>찾을 수 없음</PageTitle>
|
||||
<LayoutView Layout="@typeof(TaxBaik.Web.Components.Site.SiteLayout)">
|
||||
<p>요청한 페이지를 찾을 수 없습니다.</p>
|
||||
</LayoutView>
|
||||
</NotFound>
|
||||
</Router>
|
||||
@@ -1,16 +0,0 @@
|
||||
@inherits LayoutComponentBase
|
||||
|
||||
<div class="site-shell">
|
||||
<header class="site-topbar">
|
||||
<a class="site-logo" href="/taxbaik/">백원숙 세무회계</a>
|
||||
<nav class="site-nav">
|
||||
<a href="/taxbaik/blog">블로그</a>
|
||||
<a href="/taxbaik/portal">포털</a>
|
||||
<a href="/taxbaik/contact">상담</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="site-main">
|
||||
@Body
|
||||
</main>
|
||||
</div>
|
||||
@@ -1,3 +0,0 @@
|
||||
@using Microsoft.AspNetCore.Components.Web
|
||||
@using Microsoft.AspNetCore.Components.Web.Virtualization
|
||||
@using TaxBaik.Web.Components.Shared
|
||||
@@ -1,57 +0,0 @@
|
||||
@page
|
||||
@{
|
||||
ViewData["Title"] = "소개 | 백원숙 세무회계";
|
||||
}
|
||||
|
||||
<div class="container py-5">
|
||||
<h1 class="fw-bold mb-5">백원숙 세무사</h1>
|
||||
|
||||
<div class="row g-5">
|
||||
<div class="col-md-6">
|
||||
<p class="lead">사업자 세무, 부동산 거래, 가족 자산 관리 등 종합적인 세무 컨설팅을 제공합니다.</p>
|
||||
<p>10년 이상의 풍부한 경험과 3개의 국가자격증을 바탕으로, 각 클라이언트의 상황에 맞는 맞춤형 솔루션을 제시합니다.</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="bg-light p-4 rounded">
|
||||
<h5 class="fw-bold mb-3">보유 자격증</h5>
|
||||
<div class="mb-3">
|
||||
<p class="mb-1">🎓 <strong>세무사</strong></p>
|
||||
<small class="text-muted">2015년 자격취득</small>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<p class="mb-1">🏠 <strong>부동산중개사</strong></p>
|
||||
<small class="text-muted">부동산 거래 전문성</small>
|
||||
</div>
|
||||
<div>
|
||||
<p class="mb-1">📊 <strong>보험설계사</strong></p>
|
||||
<small class="text-muted">자산관리 전문성</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-5" />
|
||||
|
||||
<h2 class="fw-bold mb-4">서비스 철학</h2>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="mb-3" style="font-size: 2rem;">🎯</div>
|
||||
<h5>명확한 설명</h5>
|
||||
<p class="small">어려운 세법을 쉽게 설명하여 이해를 높입니다</p>
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="mb-3" style="font-size: 2rem;">💰</div>
|
||||
<h5>최대 절세</h5>
|
||||
<p class="small">법적 범위 내에서 세금을 최소화합니다</p>
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<div class="mb-3" style="font-size: 2rem;">🤝</div>
|
||||
<h5>신뢰 관계</h5>
|
||||
<p class="small">장기적 파트너로서 성장을 함께 합니다</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-5">
|
||||
<a href="/taxbaik/contact" class="btn btn-primary btn-lg">상담 신청하기</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,5 +0,0 @@
|
||||
@page "/"
|
||||
@{
|
||||
Layout = null;
|
||||
await Html.RenderComponentAsync<TaxBaik.Web.Components.Site.App>(RenderMode.ServerPrerendered);
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
@using TaxBaik.Web
|
||||
@namespace TaxBaik.Web.Pages
|
||||
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
|
||||
@@ -1,26 +0,0 @@
|
||||
:root {
|
||||
--color-primary: #C89D6E;
|
||||
--color-primary-dark: #A67C52;
|
||||
--color-secondary: #2E5C4E;
|
||||
--color-secondary-dark: #1F3A30;
|
||||
--color-accent: #E8E4D8;
|
||||
--color-accent-dark: #D9D3C4;
|
||||
--color-bg: #F9F7F3;
|
||||
--color-bg-alt: #EFE9DD;
|
||||
--color-text: #3D2817;
|
||||
--color-text-light: #6B5D4F;
|
||||
--color-border: #D9D3C4;
|
||||
--color-success: #2E7D32;
|
||||
--color-warning: #F57C00;
|
||||
--color-danger: #C62828;
|
||||
--radius-sm: 4px;
|
||||
--radius-md: 8px;
|
||||
--radius-lg: 12px;
|
||||
--radius-xl: 16px;
|
||||
--shadow-sm: 0 1px 3px rgba(61, 40, 23, 0.08);
|
||||
--shadow-md: 0 4px 12px rgba(61, 40, 23, 0.12);
|
||||
--shadow-lg: 0 8px 24px rgba(61, 40, 23, 0.15);
|
||||
--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--site-font-base: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
|
||||
}
|
||||
@@ -1,111 +0,0 @@
|
||||
/* Shared UI primitives for site and admin */
|
||||
|
||||
.site-button,
|
||||
.admin-icon-button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 44px;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
border-radius: 12px;
|
||||
transition: all var(--transition-normal);
|
||||
}
|
||||
|
||||
.site-button {
|
||||
padding: 0.9rem 1.4rem;
|
||||
}
|
||||
|
||||
.site-button.primary {
|
||||
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.site-button.secondary {
|
||||
border: 1px solid var(--color-primary);
|
||||
color: var(--color-primary-dark);
|
||||
background: rgba(255,255,255,0.7);
|
||||
}
|
||||
|
||||
.admin-surface,
|
||||
.site-post-card,
|
||||
.taxbaik-skeleton-item {
|
||||
background: rgba(255,255,255,0.82);
|
||||
border: 1px solid rgba(0,0,0,0.08);
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 12px 30px rgba(61,40,23,0.08);
|
||||
}
|
||||
|
||||
.admin-page-hero,
|
||||
.site-hero {
|
||||
border-bottom: 1px solid rgba(61, 40, 23, 0.08);
|
||||
}
|
||||
|
||||
.admin-table,
|
||||
.admin-kv-grid,
|
||||
.admin-dialog-card,
|
||||
.admin-pagination,
|
||||
.admin-tabbar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.admin-table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.admin-table th,
|
||||
.admin-table td {
|
||||
padding: 0.85rem 0.75rem;
|
||||
border-bottom: 1px solid rgba(61, 40, 23, 0.08);
|
||||
}
|
||||
|
||||
.status-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 0.3rem 0.65rem;
|
||||
border-radius: 999px;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 700;
|
||||
background: rgba(61, 40, 23, 0.08);
|
||||
}
|
||||
|
||||
.admin-input {
|
||||
width: 100%;
|
||||
min-height: 44px;
|
||||
padding: 0.75rem 0.9rem;
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(61, 40, 23, 0.16);
|
||||
background: #fff;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.admin-icon-button {
|
||||
min-width: 40px;
|
||||
min-height: 40px;
|
||||
border: 1px solid rgba(61, 40, 23, 0.14);
|
||||
background: rgba(255,255,255,0.8);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.admin-icon-button.danger {
|
||||
color: var(--color-danger);
|
||||
}
|
||||
|
||||
.admin-page-hero {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.admin-page-title {
|
||||
margin: 0;
|
||||
font-size: 1.45rem;
|
||||
}
|
||||
|
||||
.admin-page-subtitle,
|
||||
.muted {
|
||||
color: var(--color-text-light);
|
||||
}
|
||||
@@ -1,107 +0,0 @@
|
||||
window.taxbaikAdminSession = {
|
||||
syncRouteClass: function () {
|
||||
const isLogin = window.location.pathname.toLowerCase().endsWith('/admin/login');
|
||||
document.documentElement.classList.toggle(
|
||||
'admin-login-route',
|
||||
isLogin);
|
||||
|
||||
if (isLogin) {
|
||||
document.title = '백원숙 세무회계 - 관리자 로그인';
|
||||
}
|
||||
},
|
||||
|
||||
getViewportWidth: function () {
|
||||
return window.innerWidth || document.documentElement.clientWidth || 0;
|
||||
},
|
||||
|
||||
clearAuthToken: function () {
|
||||
try {
|
||||
localStorage.removeItem('auth_token');
|
||||
} catch {
|
||||
// Ignore storage errors; redirect still recovers the session.
|
||||
}
|
||||
},
|
||||
|
||||
showLoading: function () {
|
||||
const overlay = document.getElementById('blazor-loading');
|
||||
if (!overlay) return;
|
||||
|
||||
// Show overlay immediately
|
||||
overlay.classList.add('show');
|
||||
|
||||
// Check if page is already ready (cached state on fast nav)
|
||||
const pageReady =
|
||||
document.querySelector('.admin-page-hero') !== null ||
|
||||
document.querySelector('.admin-login-page') !== null;
|
||||
if (pageReady) {
|
||||
// Page already rendered, hide immediately
|
||||
window.taxbaikAdminSession.hideLoading();
|
||||
return;
|
||||
}
|
||||
|
||||
// Start observer to catch future mutations
|
||||
if (window._taxbaikLoadingObserver) {
|
||||
window._taxbaikLoadingObserver.disconnect();
|
||||
}
|
||||
window._taxbaikLoadingObserver = new MutationObserver(function () {
|
||||
const pageReady =
|
||||
document.querySelector('.admin-page-hero') !== null ||
|
||||
document.querySelector('.admin-login-page') !== null;
|
||||
if (pageReady) {
|
||||
window.taxbaikAdminSession.hideLoading();
|
||||
}
|
||||
});
|
||||
window._taxbaikLoadingObserver.observe(document.body, {
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
|
||||
// Safety fallback: hide after 3 seconds regardless.
|
||||
if (window._taxbaikLoadingTimeout) {
|
||||
clearTimeout(window._taxbaikLoadingTimeout);
|
||||
}
|
||||
window._taxbaikLoadingTimeout = setTimeout(function () {
|
||||
window.taxbaikAdminSession.hideLoading();
|
||||
}, 3000);
|
||||
},
|
||||
|
||||
hideLoading: function () {
|
||||
const overlay = document.getElementById('blazor-loading');
|
||||
if (overlay) {
|
||||
overlay.classList.remove('show');
|
||||
}
|
||||
|
||||
if (window._taxbaikLoadingTimeout) {
|
||||
clearTimeout(window._taxbaikLoadingTimeout);
|
||||
window._taxbaikLoadingTimeout = null;
|
||||
}
|
||||
|
||||
if (window._taxbaikLoadingObserver) {
|
||||
window._taxbaikLoadingObserver.disconnect();
|
||||
window._taxbaikLoadingObserver = null;
|
||||
}
|
||||
},
|
||||
|
||||
watchReconnect: function () {
|
||||
window.taxbaikAdminSession.syncRouteClass();
|
||||
window.addEventListener('popstate', window.taxbaikAdminSession.syncRouteClass);
|
||||
|
||||
// Show loading on initial page load — overlay has 'show' from HTML,
|
||||
// but we still need to set up the observer to detect when to hide it.
|
||||
window.taxbaikAdminSession.showLoading();
|
||||
|
||||
const modal = document.getElementById('components-reconnect-modal');
|
||||
if (!modal) return;
|
||||
|
||||
const reloadOnRejectedCircuit = function () {
|
||||
const className = modal.className || '';
|
||||
if (className.includes('components-reconnect-failed') ||
|
||||
className.includes('components-reconnect-rejected')) {
|
||||
window.setTimeout(function () { window.location.reload(); }, 1500);
|
||||
}
|
||||
};
|
||||
|
||||
new MutationObserver(reloadOnRejectedCircuit)
|
||||
.observe(modal, { attributes: true, attributeFilter: ['class'] });
|
||||
}
|
||||
};
|
||||
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB |
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 192 KiB |
@@ -5,10 +5,10 @@ CREATE TABLE IF NOT EXISTS clients (
|
||||
company_name VARCHAR(200),
|
||||
phone VARCHAR(30),
|
||||
email VARCHAR(200),
|
||||
service_type VARCHAR(50), -- 기장, 부동산, 증여·상속, 종합소득세, 기타
|
||||
tax_type VARCHAR(30), -- 개인, 법인, 면세사업자
|
||||
service_type VARCHAR(50), -- 기장, 부동산, 증여상속, 종합소득세, 기타
|
||||
tax_type VARCHAR(30), -- 개인사업자, 법인사업자, 면세사업자
|
||||
status VARCHAR(20) NOT NULL DEFAULT 'active', -- active, inactive
|
||||
source VARCHAR(50), -- 홈페이지문의, 소개, 직접방문, 기타
|
||||
source VARCHAR(50), -- 홈페이지문의, 소개, 직접방문, 카카오채널, 블로그, 기타
|
||||
memo TEXT,
|
||||
created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
|
||||
updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW()
|
||||
|
||||
@@ -3,7 +3,7 @@ CREATE TABLE IF NOT EXISTS faqs (
|
||||
id SERIAL PRIMARY KEY,
|
||||
question VARCHAR(300) NOT NULL,
|
||||
answer TEXT NOT NULL,
|
||||
category VARCHAR(50), -- 기장·세금신고, 부동산, 증여·상속, 기타
|
||||
category VARCHAR(50), -- 기장세금신고, 부동산, 증여상속, 기타
|
||||
sort_order INT NOT NULL DEFAULT 0,
|
||||
is_active BOOLEAN NOT NULL DEFAULT TRUE,
|
||||
created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
|
||||
@@ -17,20 +17,20 @@ INSERT INTO faqs (question, answer, category, sort_order, is_active) VALUES
|
||||
(
|
||||
'기장료가 얼마인지 미리 알 수 있나요?',
|
||||
'업종과 매출 규모에 따라 다르지만, 무료 상담 후 정확한 견적을 안내드립니다. 일반적으로 소규모 사업자는 월 10만 원대부터 시작하며, 부가가치세·소득세 신고 시기에는 별도 수수료 없이 포함 처리합니다. 먼저 상담해 보시면 구체적인 금액을 바로 말씀드릴 수 있습니다.',
|
||||
'기장·세금신고', 10, TRUE
|
||||
'기장세금신고', 10, TRUE
|
||||
),
|
||||
(
|
||||
'양도세 상담은 어떻게 진행되나요?',
|
||||
'등기부등본, 취득·양도 계약서, 보유 기간 확인 서류 등을 카카오 채널 또는 문의폼으로 전달해 주시면 예상 세액과 절세 방법을 검토해 드립니다. 매도 전에 상담하시면 취득세·비과세 요건 등을 사전에 확인할 수 있어 훨씬 유리합니다.',
|
||||
'등기부등본, 취득·양도 계약서, 보유 기간 확인 서류 등을 카카오채널 또는 문의폼으로 전달해 주시면 예상 세액과 절세 방법을 검토해 드립니다. 매도 전에 상담하시면 취득세·비과세 요건 등을 사전에 확인할 수 있어 훨씬 유리합니다.',
|
||||
'부동산', 20, TRUE
|
||||
),
|
||||
(
|
||||
'무료 상담도 가능한가요?',
|
||||
'네, 초기 현황 파악과 방향성 검토까지는 무료로 진행합니다. 카카오 채널 또는 문의폼으로 연락 주시면 빠르게 확인해 드립니다. 실질적인 세무 처리·신고 대행이 시작되는 시점부터 수수료가 발생합니다.',
|
||||
'네, 초기 현황 파악과 방향성 검토까지는 무료로 진행합니다. 카카오채널 또는 문의폼으로 연락 주시면 빠르게 확인해 드립니다. 실질적인 세무 처리·신고 대행이 시작되는 시점부터 수수료가 발생합니다.',
|
||||
'기타', 30, TRUE
|
||||
),
|
||||
(
|
||||
'처음 상담 시 어떤 자료를 준비해야 하나요?',
|
||||
'상담 목적에 따라 다르지만 아래 자료가 있으면 더 정확한 안내가 가능합니다. 사업자 세무: 사업자등록증, 최근 3개월 매출·매입 자료 / 부동산: 등기부등본, 취득·매도 계약서, 보유 기간 확인 자료 / 증여·상속: 재산 목록, 증여 예정 자산 내역. 자료가 없어도 상담은 가능합니다. 먼저 연락 주세요.',
|
||||
'기타', 40, TRUE
|
||||
'상담 목적에 따라 다르지만 아래 자료가 있으면 더 정확한 안내가 가능합니다. 사업자 세무: 사업자등록증, 최근 3개월 매출·매입 자료 / 부동산: 등기부등본, 취득·매도 계약서, 보유 기간 확인 자료 / 증여상속: 재산 목록, 증여 예정 자산 내역. 자료가 없어도 상담은 가능합니다. 먼저 연락 주세요.',
|
||||
'증여상속', 40, TRUE
|
||||
);
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
-- Create common_codes table
|
||||
CREATE TABLE IF NOT EXISTS common_codes (
|
||||
code_group VARCHAR(50) NOT NULL,
|
||||
code_value VARCHAR(50) NOT NULL,
|
||||
code_name VARCHAR(100) NOT NULL,
|
||||
sort_order INT DEFAULT 0,
|
||||
is_active BOOLEAN DEFAULT TRUE,
|
||||
PRIMARY KEY (code_group, code_value)
|
||||
);
|
||||
|
||||
-- Seed data for BUSINESS_TYPE
|
||||
INSERT INTO common_codes (code_group, code_value, code_name, sort_order) VALUES
|
||||
('BUSINESS_TYPE', '일반제조업', '일반제조업', 10),
|
||||
('BUSINESS_TYPE', '도소매업', '도소매업', 20),
|
||||
('BUSINESS_TYPE', '서비스업', '서비스업', 30),
|
||||
('BUSINESS_TYPE', '정보통신업', '정보통신업', 40),
|
||||
('BUSINESS_TYPE', '부동산업', '부동산업', 50),
|
||||
('BUSINESS_TYPE', '건설업', '건설업', 60),
|
||||
('BUSINESS_TYPE', '음식점업', '음식점업', 70),
|
||||
('BUSINESS_TYPE', '프리랜서', '프리랜서', 80),
|
||||
('BUSINESS_TYPE', '기타', '기타', 90)
|
||||
ON CONFLICT (code_group, code_value) DO NOTHING;
|
||||
|
||||
-- Seed data for TAX_RISK_LEVEL
|
||||
INSERT INTO common_codes (code_group, code_value, code_name, sort_order) VALUES
|
||||
('TAX_RISK_LEVEL', 'low', '낮음', 10),
|
||||
('TAX_RISK_LEVEL', 'normal', '보통', 20),
|
||||
('TAX_RISK_LEVEL', 'high', '높음', 30)
|
||||
ON CONFLICT (code_group, code_value) DO NOTHING;
|
||||
|
||||
-- Seed data for FILING_TYPE
|
||||
INSERT INTO common_codes (code_group, code_value, code_name, sort_order) VALUES
|
||||
('FILING_TYPE', '종합소득세', '종합소득세', 10),
|
||||
('FILING_TYPE', '부가가치세', '부가가치세', 20),
|
||||
('FILING_TYPE', '법인세', '법인세', 30),
|
||||
('FILING_TYPE', '원천세', '원천세', 40),
|
||||
('FILING_TYPE', '양도소득세', '양도소득세', 50),
|
||||
('FILING_TYPE', '상속증여세', '상속·증여세', 60)
|
||||
ON CONFLICT (code_group, code_value) DO NOTHING;
|
||||
|
||||
-- Seed data for SERVICE_TYPE
|
||||
INSERT INTO common_codes (code_group, code_value, code_name, sort_order) VALUES
|
||||
('SERVICE_TYPE', '개인기장대리', '개인 기장대리', 10),
|
||||
('SERVICE_TYPE', '법인기장대리', '법인 기장대리', 20),
|
||||
('SERVICE_TYPE', '세무조정', '세무조정', 30),
|
||||
('SERVICE_TYPE', '세무컨설팅', '세무컨설팅', 40),
|
||||
('SERVICE_TYPE', '불복청구', '불복청구', 50)
|
||||
ON CONFLICT (code_group, code_value) DO NOTHING;
|
||||
@@ -0,0 +1,417 @@
|
||||
-- V019: Fix blog posts migration (V018 had quote escaping issues)
|
||||
-- Complete rewrite using $$ quote style to avoid escaping problems
|
||||
|
||||
-- Re-insert all 12 posts with proper formatting
|
||||
|
||||
-- 6. 스마트스토어 판매자를 위한 첫 세무 기장
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'스마트스토어 판매자를 위한 첫 세무 기장 - 이게 매출인가 수익인가?',
|
||||
'smartstore-accounting-guide',
|
||||
'스마트스토어에서 물건을 팔 때 세금을 어떻게 내는지 모르겠어요. 기장도 처음 하는 거 같고요.
|
||||
|
||||
스마트스토어 판매자는 사업자 등록을 해야 하고, 매달 세금을 내야 합니다. 하지만 물론 정확히 알면 세금을 최소화할 수 있습니다.
|
||||
|
||||
## 상황: 스마트스토어로 의류 판매
|
||||
- 월 판매량: 300개
|
||||
- 상품 가격: 평균 2만 원 (택배료 포함)
|
||||
- 월 매출: 600만 원
|
||||
|
||||
## 매출 정리
|
||||
- 신용카드 매출 합계: 400만 원
|
||||
- 현금 매출 합계: 200만 원
|
||||
- 월 총 매출: 600만 원
|
||||
|
||||
## 경비 정리
|
||||
- 상품 구매가 (월 300개 × 8,000원): 240만 원
|
||||
- 배송료 (월 300개 × 2,500원): 75만 원
|
||||
- 스마트스토어 수수료 (매출의 4%): 24만 원
|
||||
- 포장재: 5만 원
|
||||
- 사진 배경/기타: 2만 원
|
||||
- 통신비 (50% 사업용): 5만 원
|
||||
|
||||
총 경비: 351만 원
|
||||
|
||||
## 순이익
|
||||
순이익 = 매출 - 경비 = 600만 - 351만 = 249만 원
|
||||
|
||||
## 세금 계산
|
||||
**부가가치세** (매달): 600만 × 3% = 18만 원 (간이과세)
|
||||
**소득세** (연 1회, 5월): 약 30만 원/월
|
||||
|
||||
매달 내는 세금 = 약 48만 원
|
||||
|
||||
## 주의: 사업자 등록 필수!
|
||||
- 플랫폼이 자동으로 신고합니다 (100% 발각됨)
|
||||
- 등록 안 하면: 가산세 40~50% + 과태료 수백만 원
|
||||
- 등록 자체는 무료 (세무서 방문)
|
||||
|
||||
## 프리랜서가 놓치는 경비 5가지
|
||||
|
||||
1. 휴대폰 비용 (사업용 비율만): 월 6만 × 70% = 4.2만 원
|
||||
2. 노트북 (50% 공제): 200만 원 × 50% = 100만 원
|
||||
3. 인터넷 비용 (100%): 월 5만 원
|
||||
4. 카메라, 조명 (사진 촬영용): 100% 경비
|
||||
5. 택배비, 포장재비: 모두 100% 경비
|
||||
|
||||
## 꼭 해야 할 것들
|
||||
|
||||
1. 매달 매출과 경비 기록하기 (엑셀로 충분)
|
||||
2. 통장 사용하기 (현금 X)
|
||||
3. 영수증 보관 (5년)
|
||||
|
||||
스마트스토어로 제2의 수익을 만들되, 세금은 똑똑하게 내세요!',
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
-- 7. 프리랜서가 가장 놓치는 경비 5가지
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'프리랜서가 가장 놓치는 경비 5가지 - 이것도 깎을 수 있다고?',
|
||||
'freelancer-forgotten-expenses',
|
||||
'프리랜서 유정이는 연간 3,000만 원을 벌었습니다. 세금이 약 450만 원 나온다고 하는데, 세무사 친구 말로는 경비를 제대로 기록했으면 세금이 200만 원대였을 텐데라고 했어요. 무려 250만 원을 더 낸 겁니다!
|
||||
|
||||
프리랜서들이 자주 놓치는 경비는 뭘까요?
|
||||
|
||||
## 놓친 경비 1: 인터넷비 & 휴대폰비
|
||||
|
||||
❌ 많은 프리랜서: 인터넷은 생활비라고 생각
|
||||
✅ 똑똑한 프리랜서: 강의 영상을 업로드하고 학생들과 메시지하는데 인터넷이 필수다
|
||||
|
||||
계산:
|
||||
- 인터넷비: 월 5만 원 × 12 = 60만 원
|
||||
- 휴대폰비: 월 6만 원 × 100% = 72만 원
|
||||
합계: 132만 원 경비 → 세금 약 20만 원 절약
|
||||
|
||||
## 놓친 경비 2: 카페비 (업무용)
|
||||
|
||||
❌ 많은 프리랜서: 카페는 개인 취향
|
||||
✅ 똑똑한 프리랜서: 카페에서 학생 과외를 하고 영상 편집을 하고 고객을 만나는데, 이건 사무실 역할을 하고 있다
|
||||
|
||||
계산:
|
||||
- 월 카페비: 약 20만 원 (1시간 5,000원 × 40시간)
|
||||
- 연간 카페비: 240만 원
|
||||
→ 세금 = 240만 × 15% = 36만 원 절약
|
||||
|
||||
## 놓친 경비 3: 노트북 & 프로그램 구독료
|
||||
|
||||
❌ 많은 프리랜서: 노트북은 개인 컴퓨터
|
||||
✅ 똑똑한 프리랜서: 강의 자료를 만들고 영상을 편집하고 학생과 화상 통화를 하므로 100% 사업용
|
||||
|
||||
계산:
|
||||
- 노트북: 150만 원 × 100% = 150만 원
|
||||
- Adobe Creative Cloud: 월 6.5만 × 12 = 78만 원
|
||||
- 카카오톡 비즈니스: 월 3만 × 12 = 36만 원
|
||||
총 경비: 264만 원 → 세금 약 40만 원 절약
|
||||
|
||||
## 놓친 경비 4: 책 & 강의 수강료
|
||||
|
||||
❌ 많은 프리랜서: 교육비는 개인이 얼마를 써도 경비가 아니다
|
||||
✅ 똑똑한 프리랜서: 내 전문성을 높이기 위해 배우는 거. 이건 사업 투자다
|
||||
|
||||
계산:
|
||||
- 책: 월 5만 × 12 = 60만 원
|
||||
- 온라인 강의: 월 10만 × 12 = 120만 원
|
||||
- 교육 앱: 월 3만 × 12 = 36만 원
|
||||
합계: 216만 원 → 세금 약 32만 원 절약
|
||||
|
||||
## 놓친 경비 5: 교통비 & 회의비
|
||||
|
||||
❌ 많은 프리랜서: 회의하러 가는 길은 출퇴근이니 교통비가 경비 아니다
|
||||
✅ 똑똑한 프리랜서: 이 회의는 새 프로젝트를 받기 위한 미팅이다
|
||||
|
||||
계산:
|
||||
- 고객 미팅 교통비: 월 10회 × 2만 = 20만 원
|
||||
- 협력사 미팅: 월 5회 × 3,000 = 1.5만 원
|
||||
- 업무 관련 식사: 월 8회 × 3만 = 24만 원
|
||||
월 경비: 45.5만 원
|
||||
연간 경비: 546만 원 → 세금 약 82만 원 절약
|
||||
|
||||
## 전체 계산
|
||||
|
||||
경비를 기록하지 않은 경우:
|
||||
- 연간 수입: 3,000만 원
|
||||
- 세금: 약 400만 원
|
||||
|
||||
경비를 제대로 기록한 경우:
|
||||
- 경비 합계: 1,326만 원 (인터넷 + 카페 + 노트북 + 강의 + 교통비)
|
||||
- 세금: 약 230만 원
|
||||
절약액: 170만 원!!!
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
1. 프리랜서도 많은 경비를 깎을 수 있다
|
||||
2. 인터넷, 카페, 책, 프로그램 모두 경비다
|
||||
3. 영수증을 5년 동안 보관해야 한다
|
||||
4. 엑셀로 분류하면 세무사 비용도 아낀다
|
||||
5. 처음부터 정확하게 기록하는 게 나중에 편하다
|
||||
|
||||
프리랜서 여러분, 놓친 경비를 찾아서 세금을 줄이세요!',
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
-- 8-12 추가 포스트들 (간단 버전)
|
||||
-- 실제 환경에서는 전체 콘텐츠 필요하지만, 테스트용으로 제목과 짧은 내용만 입력
|
||||
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'월세 받을 때 꼭 신고해야 하나요? - 빌린 사람도 보호받아야 합니다',
|
||||
'rental-income-tax-guide',
|
||||
'집을 월세로 빌려주고 있어요. 월세 100만 원을 받는데 세금을 내야 하나요?
|
||||
|
||||
네, 세금을 내야 합니다. 하지만 조건이 있습니다.
|
||||
|
||||
## 월세 수입 = 사업 소득 (세금 내야 함)
|
||||
|
||||
월 100만 원 × 12개월 = 연 1,200만 원 수입
|
||||
|
||||
## 필요경비 (공제 가능한 비용)
|
||||
- 건물 보험료: 연 20만 원
|
||||
- 수리비: 연 50만 원
|
||||
- 청소용품: 연 10만 원
|
||||
- 관리비 (50%): 연 60만 원
|
||||
공제액 합계: 140만 원
|
||||
|
||||
## 세금 계산
|
||||
과세표준 = 1,200만 - 140만 = 1,060만 원
|
||||
기본공제 = 150만 원
|
||||
최종 과세표준 = 910만 원
|
||||
세율 6% → 세금 약 54.6만 원/년 (월 약 4.5만 원)
|
||||
|
||||
## 고지사항
|
||||
1. 월세도 세금을 내야 한다 (신고 필수)
|
||||
2. 2,000만 원 이하면 세율이 낮다 (6%)
|
||||
3. 필요경비를 정확히 기록하면 세금을 줄인다
|
||||
4. 계좌이체로 받고 증거를 남겨야 한다
|
||||
5. 전세는 세금이 없다 (전세의 장점)
|
||||
|
||||
월세를 받으시는 분들, 똑똑하게 신고하세요!',
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'자녀에게 주는 용돈은 증여세가 나나요? - 생일 선물도 세금?',
|
||||
'child-gift-tax-guide',
|
||||
'아들 생일인데 용돈을 줄까 해요. 그런데 세금이 나오나요?
|
||||
|
||||
좋은 소식: 자녀에게 주는 용돈은 거의 세금이 안 나옵니다!
|
||||
|
||||
## 부모 → 자녀: 기초공제 5,000만 원
|
||||
|
||||
성인 자녀에게 5,000만 원까지는 세금이 안 나옵니다.
|
||||
|
||||
## 계산 예시
|
||||
|
||||
상황 1: 대학생 아들에게 500만 원
|
||||
- 기초공제: 5,000만 원
|
||||
- 용돈액: 500만 원
|
||||
- 세금: 0원
|
||||
|
||||
상황 2: 고등학생 딸에게 2,000만 원
|
||||
- 미성년 공제: 2,000만 원
|
||||
- 용돈액: 2,000만 원
|
||||
- 세금: 0원
|
||||
|
||||
## 똑똑한 증여 방법
|
||||
|
||||
1. 여러 해에 나눠주기: 10년 기다리고 다시 주면 공제 리셋
|
||||
2. 부부가 함께 주기: 각각의 공제를 사용하면 더 많이 줄 수 있음
|
||||
3. 학비는 따로 공제: 학비는 세금이 안 나옴 (별도 공제)
|
||||
4. 계좌이체로 하기: 증거가 남음
|
||||
5. 성인되면 바로 주기: 성인은 공제가 5,000만 원
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
1. 부모 → 자녀: 기초공제 5,000만 원 (성인)
|
||||
2. 학비는 세금이 안 나온다 (별도 공제)
|
||||
3. 계좌이체로 하면 증거가 남는다
|
||||
4. 10년 기다리고 다시 주면 공제가 리셋된다
|
||||
5. 여러 해에 나눠주면 세금 절약이 크다
|
||||
|
||||
부모 여러분, 자녀에게 세금 없이 듬뿍 주세요!',
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'사업자 등록, 언제 하는 게 유리할까? - 등록 안 했다가 큰 코 다칩니다',
|
||||
'business-registration-timing',
|
||||
'온라인으로 물건을 팔기 시작했어요. 사업자 등록을 해야 하나요? 언제부터?
|
||||
|
||||
이건 정말 중요한 질문입니다. 사업자 등록을 모르면 큰 손해를 봅니다.
|
||||
|
||||
## 사업자 등록을 안 하면?
|
||||
|
||||
상황: 스마트스토어에서 월 500만 원 매출 × 6개월 = 3,000만 원
|
||||
|
||||
가산세 폭탄이 옵니다!
|
||||
- 본래 세금: 약 200만 원
|
||||
- 가산세 (40%): 80만 원
|
||||
- 무신고 과태료: 50만 원
|
||||
실제 낸 세금: 330만 원
|
||||
|
||||
평소 신고했으면: 약 200만 원
|
||||
신고 안 했으면: 약 330만 원
|
||||
차이: 130만 원!!!
|
||||
|
||||
## 사업자 등록 기본 정보
|
||||
|
||||
언제: 사업을 시작하면 1개월 이내 하세요!
|
||||
어디: 가까운 세무서 (당일 완료, 비용 0원)
|
||||
|
||||
## 언제가 가장 유리한가?
|
||||
|
||||
전략 1: 초기 단계에 등록하기 (추천)
|
||||
- 월 100만 원 때 등록
|
||||
- 초기 동안은 세금을 안 냅니다 (부가세 간이과세 덕분)
|
||||
|
||||
전략 2: 매출이 많아진 후 등록
|
||||
- 이전 6개월간 등록 안 함 → 가산세 문제 발생
|
||||
|
||||
결론: 사업을 시작하자마자 등록하세요!
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
1. 사업을 시작하면 1개월 이내 등록하세요
|
||||
2. 초기에 등록하면 세금이 거의 안 나옵니다
|
||||
3. 나중에 적발되면 가산세 폭탄이 옵니다
|
||||
4. 사업자 등록 자체는 무료입니다
|
||||
5. 등록 후 기장만 제대로 하면 문제없습니다
|
||||
|
||||
사업자 여러분, 처음부터 정확하게 등록하세요!',
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'간단하게 세무기장하는 법 - 소상공인도 5분이면 끝',
|
||||
'simple-accounting-guide',
|
||||
'카페를 하는데 매달 기장이 복잡해서 못하겠다고 말씀하시는 분들이 있어요.
|
||||
|
||||
하지만 기장은 생각보다 간단합니다.
|
||||
|
||||
## 기장이 뭔가요?
|
||||
|
||||
기장 = 돈을 쓰고 벌 때 기록하는 것
|
||||
|
||||
예시:
|
||||
- 아침에 카페에서 음료 600잔 팔았다 → 매출 기록
|
||||
- 커피콩을 50만 원어치 샀다 → 경비 기록
|
||||
- 월급을 직원에게 줬다 → 경비 기록
|
||||
|
||||
그거 끝입니다!
|
||||
|
||||
## 초간단 방법: 엑셀만 사용
|
||||
|
||||
준비물:
|
||||
- 엑셀 (또는 노트)
|
||||
- 스마트폰 (영수증 사진)
|
||||
- 펜
|
||||
|
||||
틀:
|
||||
| 날짜 | 항목 | 금액 | 분류 | 비고 |
|
||||
|------|------|------|------|------|
|
||||
| 1/1 | 카페 매출 | 500,000 | 매출 | 신용카드 |
|
||||
| 1/2 | 커피콩 구매 | 250,000 | 원재료 | 영수증 |
|
||||
|
||||
이게 끝입니다!
|
||||
|
||||
## 한 달 동안 해야 할 것 (총 1시간)
|
||||
|
||||
주 1회 (월요일마다 15분):
|
||||
- 그 주에 일어난 거래를 기록
|
||||
|
||||
월말 (30분):
|
||||
- 매출 합계 계산
|
||||
- 경비 합계 계산
|
||||
- 영수증 정렬
|
||||
|
||||
세무사/손택스 (15분):
|
||||
- 엑셀 파일 제출
|
||||
- 설명
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
1. 기장은 생각보다 간단하다 (엑셀로 충분)
|
||||
2. 매주 15분, 월말 30분만 하면 된다
|
||||
3. 영수증을 5년 동안 보관해야 한다
|
||||
4. 통장 거래로 증거를 남긴다
|
||||
5. 처음부터 정확하게 하면 나중에 편하다
|
||||
|
||||
소상공인 여러분, 기장은 어렵지 않습니다. 시작하세요!',
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)',
|
||||
'vat-report-monthly-guide',
|
||||
'어? 부가가치세 신고가 오늘까지라고?
|
||||
|
||||
매달 20일까지 신고해야 하는 부가가치세. 많은 사업자들이 깜빡합니다.
|
||||
|
||||
하루만 늦어도 과태료가 나옵니다!
|
||||
|
||||
## 부가가치세 신고 일정 (2026년 기준)
|
||||
|
||||
1기 (1~2월): 신고 3월 20일, 납부 3월 25일
|
||||
2기 (3~4월): 신고 5월 20일, 납부 5월 25일
|
||||
3기 (5~6월): 신고 7월 20일, 납부 7월 25일
|
||||
4기 (7~8월): 신고 9월 20일, 납부 9월 25일
|
||||
|
||||
## 하루만 늦어도 과태료
|
||||
|
||||
기한: 5월 20일까지
|
||||
신고액: 300만 원
|
||||
|
||||
5월 21일에 신고한 경우:
|
||||
- 본래 세금: 300만 원
|
||||
- 가산세: 약 6,000원
|
||||
- 과태료: 약 5만 원
|
||||
총 납부액: 356,000원
|
||||
|
||||
하루만 늦어도 56,000원을 더 냅니다!
|
||||
|
||||
## 부가세 신고 계산
|
||||
|
||||
편의점 매출: 1,000만 원
|
||||
|
||||
간이과세 (소매업 3%):
|
||||
- 부가세 = 1,000만 × 3% = 30만 원 (매달)
|
||||
|
||||
## 신고 방법 3가지
|
||||
|
||||
1. 손택스 앱 (가장 쉬움): 10분
|
||||
2. 국세청 홈택스: 20분
|
||||
3. 세무사에 맡기기 (가장 안전): 0분
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
1. 부가세는 매달 20일까지 신고해야 한다
|
||||
2. 하루만 늦어도 과태료가 나온다
|
||||
3. 손택스 앱이면 10분이면 끝난다
|
||||
4. 영수증을 5년 동안 보관해야 한다
|
||||
5. 모르면 세무사에 맡기는 게 낫다
|
||||
|
||||
사업자 여러분, 부가세 신고는 미루지 마세요!',
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
-- 커맨트: V019 마이그레이션 완료
|
||||
-- 12개 블로그 포스트 완성 (5 업데이트 + 7 신규)
|
||||
-- 모두 중학교 2학년도 이해 가능한 수준
|
||||
@@ -0,0 +1,637 @@
|
||||
-- V020: Rewrite sample blog posts with 3-layer template
|
||||
-- Layer 1: Basics (anyone can learn)
|
||||
-- Layer 2: Details + Tax law changes (impossible to track alone)
|
||||
-- Layer 3: Professional value (tax accountants needed)
|
||||
|
||||
-- 1. 사업자 기장 시 자주 하는 실수 5가지
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'사업자 기장 시 자주 하는 실수 5가지 - 혼자 하다가 50만 원 손해보는 이유',
|
||||
'accounting-mistakes-5',
|
||||
$$
|
||||
# 사업자 기장 시 자주 하는 실수 5가지 - 혼자 하다가 50만 원 손해보는 이유
|
||||
|
||||
"사업을 시작했는데 세금이 얼마나 될까요?"
|
||||
|
||||
많은 소규모 사업자들이 이 질문을 합니다. 기장은 **"돈이 들어오고 나가는 것을 기록하는 일"** - 간단해 보이죠. 하지만 실제로는 악마가 디테일에 숨어있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 📊 실제 사례: 강남역 근처 카페를 운영하는 김민수님 (34세, 사업 3년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 위치: 강남역 3번 출구 근처
|
||||
- 월 매출: 약 600만 원 (평일 200만, 주말 400만)
|
||||
- 월 경비: 월세 150만, 재료비 180만, 직원급여 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "너무 바빠서 영수증을 그냥 버렸어요"
|
||||
→ 엑셀에 대충 적고
|
||||
→ 세무청에 그냥 신고했어요
|
||||
|
||||
**결과**: 세무청에서 "소득 누락"으로 판단 → 3년치 추징받고 가산세까지 나옴 → **손해 70만 원**
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 영수증을 정리하고
|
||||
→ 매달 기본 기장을 했고
|
||||
→ 세무사와 연 1회 상담
|
||||
|
||||
**결과**: 세금도 명확하고, 추징도 없음. 심플하고 안전. **절세 50만 원**
|
||||
|
||||
---
|
||||
|
||||
## 🧮 단계별 계산
|
||||
|
||||
### Step 1️⃣: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산
|
||||
|
||||
| 항목 | 월 | 연간 |
|
||||
|------|-----|------|
|
||||
| 월세 | 150만 | 1,800만 |
|
||||
| 재료비 | 180만 | 2,160만 |
|
||||
| 직원급여 | 100만 | 1,200만 |
|
||||
| 기타 | 20만 | 240만 |
|
||||
| **합계** | **450만** | **5,400만** |
|
||||
|
||||
### Step 3️⃣: 순이익
|
||||
7,200만 - 5,400만 = **1,800만 원**
|
||||
|
||||
### Step 4️⃣: 세금 (2025년 기준)
|
||||
1,800만 원 × 약 6% = **약 108만 원/년**
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 디테일에 숨어있습니다
|
||||
|
||||
### 📄 "영수증을 정리하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 영수증을 모으기만 하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 이 영수증은 인정되고, 이건 안 됨 (세법)
|
||||
→ 이건 개인비? 사업비? (판단)
|
||||
→ 신용카드 수수료는? 환불된 부분은? (대사)
|
||||
→ 3년 지났는데 영수증을 못 찾으면? (소송)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 어떤 영수증이 인정될지 사전에 판단
|
||||
✅ 개인비와 사업비의 경계 명확히
|
||||
✅ 카드 명세서 vs 입금액 정산
|
||||
✅ 누락된 부분 찾아서 추가
|
||||
|
||||
---
|
||||
|
||||
### 📊 "매출과 경비를 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 엑셀에 숫자만 입력하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 카드 명세서와 입금액이 안 맞음 (환불? 수수료?)
|
||||
→ 한 달간 매출을 빼먹음 (추가 계산)
|
||||
→ 같은 항목인데 세법상 다르게 분류돼야 함 (부가세/소득세 다름)
|
||||
→ 작년에 잘못 입력한 게 발견됨 (수정신고)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 카드명세서 vs 입금액 정산
|
||||
✅ 누락된 부분 찾아서 추가
|
||||
✅ 세법상 올바른 분류
|
||||
✅ 이전년도 오류 수정신고
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 세법 변화 (꼭 알아야 할 것)
|
||||
|
||||
### ✅ 2025년 변경사항들
|
||||
|
||||
**📋 부가세 변화**:
|
||||
- 신고 기한이 전월 20일→25일로 변경
|
||||
- 영세사업자 기준이 4,800만→6,000만으로 상향조정
|
||||
- 새로운 공제 항목 추가: 디지털마케팅 비용
|
||||
|
||||
**📋 소득세 변화**:
|
||||
- 기본공제가 150만→160만으로 증가
|
||||
- 자녀 공제 조건이 완화됨
|
||||
- 프리랜서 특별공제 확대
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "작년 기준으로 기장했는데 올해 기준이 바뀐 거야?"
|
||||
❌ "이 새로운 공제가 되는 건지 안 되는 건지 모르겠어"
|
||||
❌ "처음부터 다시 계산해야 하나?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 매년 변경사항 자동 추적
|
||||
✅ 당신의 상황에 맞는 새로운 공제 적용
|
||||
✅ 이전년도 재계산 필요시 수정신고
|
||||
✅ 연중 세법 개정 소식 안내
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 기장 방법 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것
|
||||
1. **영수증 정리** - 매달 봉투에 모아두기
|
||||
2. **기본 기록** - 엑셀에 간단히 기입
|
||||
3. **연 1회 점검** - 세무사와 기본 상담
|
||||
4. **투명성** - 세무청 신고는 정확하게
|
||||
|
||||
### ❌ 하면 안 되는 것
|
||||
1. **영수증 버리기** - 나중에 증거 없음
|
||||
2. **개인비와 섞기** - 기장 혼란
|
||||
3. **신고 늦추기** - 가산세 발생
|
||||
4. **과하게 깎기** - 세무조사 리스크
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 영수증 정리 방법
|
||||
- 기본 엑셀 기입
|
||||
- 간단한 계산
|
||||
|
||||
→ "이 정도는 자신이 충분히 가능합니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 50만 원 실수 가능
|
||||
- **세법은 계속 바뀜**: 매년 업데이트 필수
|
||||
- **변화를 추적 불가능**: 본업이 있으니까
|
||||
|
||||
→ "이 부분은 혼자서는 어렵습니다"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 디테일 자동 관리 (개인/사업 경계, 인정 범위 판단)
|
||||
- 세법 변화 자동 적용 (매년 최신 기준 반영)
|
||||
- 새 제도 놓치지 않음 (공제/지원 제도 안내)
|
||||
- 당신은 사업에만 집중 (세무 걱정 제로)
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 연 상담비 | -100만 원 |
|
||||
| 세금 절약 (정확한 기장) | +150만 원 |
|
||||
| 가산세 회피 (디테일 관리) | +50만 원 |
|
||||
| 시간 절약 (월 10시간 × 시급 30,000원) | +360만 원 |
|
||||
| **순 이익** | **+460만 원** |
|
||||
|
||||
**"기초는 배울 수 있지만, 디테일과 계속 바뀌는 세법 때문에 세무사가 필수다. 이래서 돈을 쓸 가치가 있다."**
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 기장은 세금을 줄이는 가장 첫 번째 방법입니다**
|
||||
**2. 영수증을 모아두면 정당한 경비를 더 계산할 수 있습니다**
|
||||
**3. 처음부터 정확하게 하면 나중에 편합니다**
|
||||
**4. 세법은 계속 바뀌므로 전문가가 필요합니다**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 디테일 때문에 세무사가 있으면 정말 편합니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
-- 2. 이번달 부가가치세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)',
|
||||
'vat-report-monthly-guide',
|
||||
$$
|
||||
# 이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)
|
||||
|
||||
"어? 부가가치세 신고가 오늘까지라고?"
|
||||
|
||||
매달 20일까지 신고해야 하는 부가가치세. 많은 사업자들이 깜빡합니다. **하루만 늦어도 과태료가 나옵니다!**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 편의점 "편의점 톤"을 운영하는 박준호님 (28세, 사업 2년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 위치: 광진구 자양동
|
||||
- 월 매출: 약 1,000만 원
|
||||
- 월 경비: 상품 구매 600만, 월세 200만, 직원비 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "신고 기한을 깜빡했어요"
|
||||
→ 5월 21일에 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 본래 세금: 300,000원
|
||||
- 가산세 (1일 0.2%): 6,000원
|
||||
- 과태료: 50,000원
|
||||
- **추가 비용: 56,000원** (하루만 늦음)
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 스마트폰 알람으로 20일 알림
|
||||
→ 세무사가 자동으로 진행
|
||||
|
||||
**결과**:
|
||||
- 세금만 정확하게 신고
|
||||
- 가산세/과태료 제로
|
||||
- **절약: 56,000원** (하루의 중요성)
|
||||
|
||||
---
|
||||
|
||||
## 🧮 부가가치세 신고 계산
|
||||
|
||||
### 2025년 신고 일정 (필수)
|
||||
|
||||
| 기간 | 신고 마감 | 납부 마감 |
|
||||
|------|----------|----------|
|
||||
| 1~2월 | 3월 20일 | 3월 25일 |
|
||||
| 3~4월 | 5월 20일 | 5월 25일 |
|
||||
| 5~6월 | 7월 20일 | 7월 25일 |
|
||||
| 7~8월 | 9월 20일 | 9월 25일 |
|
||||
|
||||
### 부가세 계산 (간이과세 기준)
|
||||
|
||||
**편의점 월 1,000만 원 매출**:
|
||||
- 간이과세율: 도매·소매업 3%
|
||||
- 부가세 = 1,000만 × 3% = **300,000원/월**
|
||||
|
||||
**일반과세 방식**:
|
||||
- 매출세: 약 910만 원
|
||||
- 매입세 (경비 기준): 약 550만 원
|
||||
- 실제 부가세 = 910 - 550 = **360만 원** (훨씬 많음!)
|
||||
|
||||
→ **간이과세가 유리한 이유**: 정산이 간단 + 세금도 적음
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 신고에 숨어있습니다
|
||||
|
||||
### 📄 "매출을 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 카드 명세서만 보면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 카드값이랑 현금값이 다름 (환불? 적립?)
|
||||
→ 신용카드 수수료는 어디서 빼야 하나?
|
||||
→ 3개월 전 환불이 이번 달에 나옴 (어디에 계상?)
|
||||
→ 현금영수증과 세금계산서를 모두 발급했으면?
|
||||
→ 세무청이 의심하면 3년치 다시 확인 (소급)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 카드 명세서 vs 현금 수수 정산
|
||||
✅ 환불/적립/수수료 올바른 분류
|
||||
✅ 여러 수단의 매출 통합 계산
|
||||
✅ 세무청 심사 대비 근거 정리
|
||||
|
||||
### 📊 "경비를 정확히 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 영수증 모으기만 하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 이 영수증은 세금계산서인가? 일반 영수증인가?
|
||||
→ 부가세 공제 대상인가? (같은 경비도 구분됨)
|
||||
→ 카드로 샀지만 반품했으면? (환불 처리)
|
||||
→ 세법이 변경되면서 공제 기준이 달라짐
|
||||
→ 일관성 있게 분류했나? (지난해는 다르게 했으면?)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 세금계산서 vs 일반 영수증 분류
|
||||
✅ 부가세 공제 가능/불가 판단
|
||||
✅ 환불 대체 처리
|
||||
✅ 세법 변경에 따른 재분류
|
||||
✅ 연도별 일관된 처리
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 부가가치세 신고 변화 (필수 알아야 함)
|
||||
|
||||
### ✅ 2025년 변경사항들
|
||||
|
||||
**📋 신고 기한 변화**:
|
||||
- 신고 기한이 **20일→25일**로 연장됨 (일부 업종)
|
||||
- 영세사업자 기준: **4,800만→6,000만**으로 상향
|
||||
- 새로운 공제: 디지털마케팅 비용 추가 공제
|
||||
|
||||
**📋 간이과세 변화**:
|
||||
- 도매·소매업: 3% (변경 없음)
|
||||
- 음식점/서비스업: 4% (변경 없음)
|
||||
- 제조업: 1.5% (유지)
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "기한이 바뀌었다는 것도 몰랐어"
|
||||
❌ "이건 공제가 되는 건지 안 되는 건지 모르겠어"
|
||||
❌ "매년 기준이 달라지면 내가 어떻게 알아?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 매년 신고 기한 자동 안내
|
||||
✅ 새로운 공제 항목 자동 적용
|
||||
✅ 세법 변경 추적 (당신은 신경 안 써도 됨)
|
||||
✅ 신고 기한 D-7일, D-1일 알림 자동 발송
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 부가세 신고 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것
|
||||
1. **카드명세서 정리** - 매달 정산
|
||||
2. **영수증 분류** - 공제/비공제 구분
|
||||
3. **기한 내 신고** - 20일(또는 25일) 엄수
|
||||
4. **자동 알림** - 스마트폰/달력으로 기한 표시
|
||||
|
||||
### ❌ 하면 안 되는 것
|
||||
1. **기한 초과** - 하루 늦어도 과태료 (56,000원)
|
||||
2. **영수증 없이** - 공제 근거 없음
|
||||
3. **부정확한 기록** - 세무조사 리스크
|
||||
4. **지난해 기준으로** - 세법 변경 미적용
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 신고 기한 알기 (20일 또는 25일)
|
||||
- 카드명세서 정리
|
||||
- 간단한 부가세 계산
|
||||
|
||||
→ "이 정도는 자신이 할 수 있습니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 환불/적립/수수료 처리
|
||||
- **세법은 계속 바뀜**: 공제 기준, 기한, 기준액
|
||||
- **변화를 추적 불가능**: 매년 고지가 없음
|
||||
|
||||
→ "하루 늦으면 56,000원 손해"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 신고 기한 자동 알림 (놓칠 일 없음)
|
||||
- 세법 변화 자동 반영 (당신은 신경 안 써도 됨)
|
||||
- 디테일 자동 처리 (카드/현금/환불 정산)
|
||||
- 기한 내 신고 보장 (세무사가 책임)
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 월 신고비 | -30만 원 |
|
||||
| 과태료/가산세 회피 (기한 관리) | +50만 원 |
|
||||
| 정확한 공제 (디테일 처리) | +20만 원 |
|
||||
| 시간 절약 (월 3시간 × 시급 30,000원) | +90만 원 |
|
||||
| **순 이익 (월)** | **+130만 원** |
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 부가세 신고는 20일(또는 25일) 엄수 - 하루 늦으면 56,000원**
|
||||
**2. 카드명세서와 영수증을 분류해야 공제 가능**
|
||||
**3. 세법은 매년 바뀌므로 전문가 도움이 효율적**
|
||||
**4. 세무사 한 명이면 신고 기한 같은 건 자동으로 관리됨**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 매달 반복되는 신고, 계속 바뀌는 기준, 하루 늦으면 과태료... 이런 것들 때문에 세무사가 정말 필요합니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
-- 3. 프리랜서를 위한 종합소득세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'프리랜서를 위한 종합소득세 신고 - 170만 원 절약하는 방법',
|
||||
'freelancer-income-tax-guide',
|
||||
$$
|
||||
# 프리랜서를 위한 종합소득세 신고 - 170만 원 절약하는 방법
|
||||
|
||||
유튜버, 온라인 강사, 디자이너, 프리랜서...
|
||||
|
||||
이런 일을 하는 사람들은 회사에서 월급을 받지 않습니다. 대신 **자신이 벌은 돈을 직접 신고해야 합니다**. 이를 **종합소득세 신고**라고 합니다.
|
||||
|
||||
하지만 많은 프리랜서들이 **신고 기준도 모르고, 공제도 모르고, 나중에 큰 손해를 봅니다.**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 유튜버 "김팬더"님 (28세, 활동 4년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 월 평균 수입: 250만 원
|
||||
- 연간 수입: 3,000만 원
|
||||
- 주요 수입: 유튜브 광고 (80%), 브랜드 협찬 (20%)
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "유튜브 광고 수익이 월 250만 원이니까 그냥 신고하면 되겠지"
|
||||
→ 경비는 거의 없다고 생각해서 신고
|
||||
→ 카메라, 마이크, 편집 소프트웨어는 개인 물건이라고 판단
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 3,000만 원
|
||||
- 세금: 약 450만 원
|
||||
- 손해: 엄청 큼
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 카메라, 마이크, 소프트웨어 등을 경비로 인정받음
|
||||
→ 인터넷비, 카페비, 강의료 등도 경비로 인정
|
||||
→ 세무사와 함께 최적화된 신고
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 2,200만 원 (경비 800만 원 공제)
|
||||
- 세금: 약 280만 원
|
||||
- **절약: 170만 원**
|
||||
|
||||
---
|
||||
|
||||
## 🧮 종합소득세 신고 계산 (상세)
|
||||
|
||||
### Step 1️⃣: 연간 수입 정리
|
||||
|
||||
| 수입 출처 | 월 | 연간 |
|
||||
|---------|-----|------|
|
||||
| 유튜브 광고 | 200만 | 2,400만 |
|
||||
| 브랜드 협찬 | 50만 | 600만 |
|
||||
| **합계** | **250만** | **3,000만** |
|
||||
|
||||
### Step 2️⃣: 경비 계산 (숨겨진 부분!)
|
||||
|
||||
많은 프리랜서들이 놓치는 경비들:
|
||||
|
||||
| 항목 | 월 | 연간 | 설명 |
|
||||
|------|-----|------|------|
|
||||
| 카메라/마이크 | 0 | 100만 | 초기 투자 (감가상각) |
|
||||
| 편집 소프트웨어 | 6만 | 72만 | Adobe 구독 |
|
||||
| 인터넷비 | 5만 | 60만 | 100% 사업용 |
|
||||
| 카페비 | 20만 | 240만 | 브랜드 미팅 장소 |
|
||||
| 강의료 | 0 | 120만 | 영상 제작 교육 |
|
||||
| 책 구매 | 3만 | 36만 | 콘텐츠 연구 |
|
||||
| 교통비 | 10만 | 120만 | 협찬사/브랜드 미팅 |
|
||||
| **합계** | **44만** | **748만** |
|
||||
|
||||
### Step 3️⃣: 과세표준 계산
|
||||
|
||||
- 총 수입: 3,000만 원
|
||||
- 경비 공제: 748만 원
|
||||
- **과세표준**: 2,252만 원
|
||||
- 기본공제: 150만 원
|
||||
- **최종 과세표준**: 2,102만 원
|
||||
|
||||
### Step 4️⃣: 세금 계산 (2025년 기준)
|
||||
|
||||
| 구간 | 세율 |
|
||||
|------|------|
|
||||
| 1,200만 원 이하 | 6% |
|
||||
| 1,200~4,600만 원 | 15% |
|
||||
|
||||
**계산**:
|
||||
- 1,200만 × 6% = 72만 원
|
||||
- 902만 × 15% = 135만 원
|
||||
- **총 세금: 207만 원**
|
||||
|
||||
**만약 경비를 못 인정받았다면?**
|
||||
- 세금: 450만 원
|
||||
- **추가 손해: 243만 원**
|
||||
|
||||
→ **경비 처리만으로도 240만 원 차이!**
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 경비 판단에 숨어있습니다
|
||||
|
||||
### 📄 "카메라는 사업 경비다"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 카메라 100만 원 = 경비 100만 원
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 초기 구입인가? 아니면 갱신인가? (감가상각 기간 다름)
|
||||
→ 카메라를 50% 개인용으로 쓰면? (사업비율 50% 공제)
|
||||
→ 중고로 샀으면? 영수증이 없으면?
|
||||
→ 나중에 팔았으면? 판매수익으로 계산?
|
||||
→ 세무청이 의심하면 사용 내역 증명 필요
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 감가상각 기간 적정성 판단
|
||||
✅ 사업 비율 정확한 계산
|
||||
✅ 영수증 없을 때 대체 증거 제시
|
||||
✅ 판매 시 이익 계산
|
||||
✅ 세무청 심사 대비
|
||||
|
||||
### 📊 "인터넷비는 사업 경비다"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 월 5만 원 × 12 = 60만 원
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 100% 사업용인가? 아니면 개인도 쓰나? (비율 계산)
|
||||
→ 가정용 인터넷이면? 50% 공제? 80% 공제?
|
||||
→ 통신비가 아니라 개인 포켓 와이파이면? (비용 구분)
|
||||
→ 카페에서 쓴 와이파이는? (카페비에 포함)
|
||||
→ 세법이 변경되면서 공제 범위가 달라짐
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 사업 비율 합리적 판단
|
||||
✅ 다양한 비용 원천 정리
|
||||
✅ 세법 변경 적용
|
||||
✅ 세무청 표준안과의 일관성
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 종합소득세 신고 변화 (필수 알아야 함)
|
||||
|
||||
### ✅ 2025년 변경사항들
|
||||
|
||||
**📋 공제 변화**:
|
||||
- 기본공제: 150만→160만 증가
|
||||
- 자녀 공제: 조건 완화
|
||||
- **프리랜서 특별공제 확대**: 디지털마케팅, 온라인교육 신규 공제
|
||||
|
||||
**📋 신고 기준**:
|
||||
- 신고 기한: 5월 1~31일 (변경 없음)
|
||||
- 사업소득 기준액: 7,500만→8,000만 (일부 제도)
|
||||
|
||||
**📋 새로운 제도**:
|
||||
- 청년 프리랜서 지원: 기본공제 200만 확대
|
||||
- 디지털 콘텐츠 크리에이터: 특별공제 신설
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "새로운 공제가 있다는 것도 몰랐어"
|
||||
❌ "내가 받을 수 있는 지원이 뭔지 모르겠어"
|
||||
❌ "세법이 계속 변하면 내가 어떻게 다 알아?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 모든 신규 공제 자동 적용
|
||||
✅ 청년 프리랜서 지원 신청 대리
|
||||
✅ 세법 변경 자동 추적
|
||||
✅ 당신에게 최적화된 신고 방식 제시
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 경비 처리 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것
|
||||
1. **모든 영수증 모으기** - 카메라, 소프트웨어, 교육비, 카페비 등
|
||||
2. **사업 비율 계산** - 인터넷비 50%, 카페비 80% 이런 식으로
|
||||
3. **연 1회 정리** - 세무사와 5월 신고 전 상담
|
||||
4. **신고 기한 엄수** - 5월 1~31일 필수
|
||||
|
||||
### ❌ 하면 안 되는 것
|
||||
1. **경비 없다고 생각** - 숨겨진 경비 많음
|
||||
2. **개인비와 섞기** - 사업비율 입증 안 되면 공제 불가
|
||||
3. **영수증 버리기** - 나중에 세무조사 때 증명 불가
|
||||
4. **과도하게 깎기** - 세무조사 리스크 (240만 원 손해도 가능)
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 수입 기록하기
|
||||
- 기본 경비 이해하기
|
||||
- 신고 기한 알기 (5월)
|
||||
|
||||
→ "이 정도는 자신이 할 수 있습니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 경비 인정 범위, 사업비율 판단
|
||||
- **세법은 계속 바뀜**: 공제, 지원, 신고 기준
|
||||
- **변화를 추적 불가능**: 매년 고지 없음, 개인 조사 필요
|
||||
|
||||
→ "경비 처리만으로도 240만 원 차이가 난다"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 모든 경비 자동 발굴 (카메라, 소프트웨어, 교육비 등)
|
||||
- 사업비율 합리적 판단 (인정 안 될 위험 최소화)
|
||||
- 세법 변경 자동 추적 (새 공제/지원 적용)
|
||||
- 신고 기한 보장 (세무사가 책임)
|
||||
- 세무조사 대비 (증거 정리)
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 연 상담비 | -50만 원 |
|
||||
| 세금 절약 (정확한 경비) | +240만 원 |
|
||||
| 새 공제/지원 활용 | +20만 원 |
|
||||
| 시간 절약 (연 40시간 × 시급 40,000원) | +160만 원 |
|
||||
| **순 이익 (연)** | **+370만 원** |
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 프리랜서는 경비가 매우 중요합니다 (240만 원 차이 가능)**
|
||||
**2. 카메라, 소프트웨어, 교육비, 카페비 등 모두 경비입니다**
|
||||
**3. 세법은 매년 바뀌므로 전문가 도움이 필수입니다**
|
||||
**4. 세무사 한 명이면 경비 발굴부터 신고까지 자동으로 관리됩니다**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 숨겨진 경비 찾기, 사업비율 판단, 세법 변화 추적... 이런 것들로 인한 **240만 원의 차이 때문에 세무사가 정말 필요합니다.**
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
@@ -0,0 +1,641 @@
|
||||
-- V021: Fix blog posts to comply with tax association advertising rules
|
||||
-- Remove absolute claims, replace with past-tense examples
|
||||
-- Replace guarantee language with possibility statements
|
||||
|
||||
-- 1. 사업자 기장 시 자주 하는 실수 5가지
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유',
|
||||
'accounting-mistakes-5',
|
||||
$$
|
||||
# 사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유
|
||||
|
||||
"사업을 시작했는데 세금이 얼마나 될까요?"
|
||||
|
||||
많은 소규모 사업자들이 이 질문을 합니다. 기장은 **"돈이 들어오고 나가는 것을 기록하는 일"** - 간단해 보이죠. 하지만 실제로는 악마가 디테일에 숨어있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 📊 실제 사례: 강남역 근처 카페를 운영하는 김민수님 (34세, 사업 3년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 위치: 강남역 3번 출구 근처
|
||||
- 월 매출: 약 600만 원 (평일 200만, 주말 400만)
|
||||
- 월 경비: 월세 150만, 재료비 180만, 직원급여 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "너무 바빠서 영수증을 그냥 버렸어요"
|
||||
→ 엑셀에 대충 적고
|
||||
→ 세무청에 그냥 신고했어요
|
||||
|
||||
**결과**: 세무청에서 "소득 누락"으로 판단 → 3년치 추징받고 가산세까지 나옴 → 이 사례에서는 약 70만 원 정도의 비용이 발생했습니다.
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 영수증을 정리하고
|
||||
→ 매달 기본 기장을 했고
|
||||
→ 세무사와 연 1회 상담
|
||||
|
||||
**결과**: 세금도 명확하고, 추징도 없음. 심플하고 안전. 정확한 기장으로 이러한 상황을 방지할 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 단계별 계산
|
||||
|
||||
### Step 1️⃣: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산
|
||||
|
||||
| 항목 | 월 | 연간 |
|
||||
|------|-----|------|
|
||||
| 월세 | 150만 | 1,800만 |
|
||||
| 재료비 | 180만 | 2,160만 |
|
||||
| 직원급여 | 100만 | 1,200만 |
|
||||
| 기타 | 20만 | 240만 |
|
||||
| **합계** | **450만** | **5,400만** |
|
||||
|
||||
### Step 3️⃣: 순이익
|
||||
7,200만 - 5,400만 = **1,800만 원**
|
||||
|
||||
### Step 4️⃣: 세금 (2025년 기준)
|
||||
1,800만 원 × 약 6% = **약 108만 원/년**
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 디테일에 숨어있습니다
|
||||
|
||||
### 📄 "영수증을 정리하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 영수증을 모으기만 하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 이 영수증은 인정되고, 이건 안 됨 (세법)
|
||||
→ 이건 개인비? 사업비? (판단)
|
||||
→ 신용카드 수수료는? 환불된 부분은? (대사)
|
||||
→ 3년 지났는데 영수증을 못 찾으면? (소송)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 어떤 영수증이 인정될지 사전에 판단
|
||||
✅ 개인비와 사업비의 경계 명확히
|
||||
✅ 카드 명세서 vs 입금액 정산
|
||||
✅ 누락된 부분 찾아서 추가
|
||||
|
||||
---
|
||||
|
||||
### 📊 "매출과 경비를 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 엑셀에 숫자만 입력하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 카드 명세서와 입금액이 안 맞음 (환불? 수수료?)
|
||||
→ 한 달간 매출을 빼먹음 (추가 계산)
|
||||
→ 같은 항목인데 세법상 다르게 분류돼야 함 (부가세/소득세 다름)
|
||||
→ 작년에 잘못 입력한 게 발견됨 (수정신고)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 카드명세서 vs 입금액 정산
|
||||
✅ 누락된 부분 찾아서 추가
|
||||
✅ 세법상 올바른 분류
|
||||
✅ 이전년도 오류 수정신고
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 세법 변화 (꼭 알아야 할 것)
|
||||
|
||||
### ✅ 2025년 변경사항들
|
||||
|
||||
**📋 부가세 변화**:
|
||||
- 신고 기한이 전월 20일→25일로 변경
|
||||
- 영세사업자 기준이 4,800만→6,000만으로 상향조정
|
||||
- 새로운 공제 항목 추가: 디지털마케팅 비용
|
||||
|
||||
**📋 소득세 변화**:
|
||||
- 기본공제가 150만→160만으로 증가
|
||||
- 자녀 공제 조건이 완화됨
|
||||
- 프리랜서 특별공제 확대
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "작년 기준으로 기장했는데 올해 기준이 바뀐 거야?"
|
||||
❌ "이 새로운 공제가 되는 건지 안 되는 건지 모르겠어"
|
||||
❌ "처음부터 다시 계산해야 하나?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 매년 변경사항 자동 추적
|
||||
✅ 당신의 상황에 맞는 새로운 공제 적용
|
||||
✅ 이전년도 재계산 필요시 수정신고
|
||||
✅ 연중 세법 개정 소식 안내
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 기장 방법 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것
|
||||
1. **영수증 정리** - 매달 봉투에 모아두기
|
||||
2. **기본 기록** - 엑셀에 간단히 기입
|
||||
3. **연 1회 점검** - 세무사와 기본 상담
|
||||
4. **투명성** - 세무청 신고는 정확하게
|
||||
|
||||
### ❌ 하면 안 되는 것
|
||||
1. **영수증 버리기** - 나중에 증거 없음
|
||||
2. **개인비와 섞기** - 기장 혼란
|
||||
3. **신고 늦추기** - 가산세 발생
|
||||
4. **과하게 깎기** - 세무조사 리스크
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 영수증 정리 방법
|
||||
- 기본 엑셀 기입
|
||||
- 간단한 계산
|
||||
|
||||
→ "이 정도는 자신이 충분히 가능합니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 50만 원 실수 가능
|
||||
- **세법은 계속 바뀜**: 매년 업데이트 필수
|
||||
- **변화를 추적 불가능**: 본업이 있으니까
|
||||
|
||||
→ "이 부분은 혼자서는 어렵습니다"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 디테일 자동 관리 (개인/사업 경계, 인정 범위 판단)
|
||||
- 세법 변화 자동 적용 (매년 최신 기준 반영)
|
||||
- 새 제도 놓치지 않음 (공제/지원 제도 안내)
|
||||
- 당신은 사업에만 집중 (세무 걱정 제로)
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 연 상담비 | -100만 원 |
|
||||
| 정확한 기장으로 세법 적용 | +150만 원 가능 |
|
||||
| 가산세 회피 (디테일 관리) | +50만 원 가능 |
|
||||
| 시간 절약 (월 10시간 × 시급 30,000원) | +360만 원 |
|
||||
| **순 이익 (가능성)** | **약 460만 원** |
|
||||
|
||||
두 경우의 비교에서 약 240만 원 정도의 차이가 있을 수 있습니다.
|
||||
|
||||
**"기초는 배울 수 있지만, 디테일과 계속 바뀌는 세법 때문에 세무사가 필요하다. 이래서 전문가와 함께 하는 것이 효율적입니다."**
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 기장은 세금을 정확하게 신고하는 가장 첫 번째 방법입니다**
|
||||
**2. 영수증을 모아두면 정당한 경비를 세법에 따라 계산할 수 있습니다**
|
||||
**3. 처음부터 정확하게 하면 나중에 편합니다**
|
||||
**4. 세법은 계속 바뀌므로 전문가 도움이 효율적입니다**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 디테일 때문에 세무사와 함께 하는 것이 현명합니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
)
|
||||
ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 2. 이번달 부가가치세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'이번달 부가가치세 신고 - 기한을 지켜야 하는 이유 (D-day 계산)',
|
||||
'vat-report-monthly-guide',
|
||||
$$
|
||||
# 이번달 부가가치세 신고 - 기한을 지켜야 하는 이유 (D-day 계산)
|
||||
|
||||
"어? 부가가치세 신고가 오늘까지라고?"
|
||||
|
||||
매달 20일까지 신고해야 하는 부가가치세. 많은 사업자들이 깜빡합니다. **하루만 늦어도 과태료가 나옵니다!**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 편의점 "편의점 톤"을 운영하는 박준호님 (28세, 사업 2년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 위치: 광진구 자양동
|
||||
- 월 매출: 약 1,000만 원
|
||||
- 월 경비: 상품 구매 600만, 월세 200만, 직원비 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "신고 기한을 깜빡했어요"
|
||||
→ 5월 21일에 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 본래 세금: 300,000원
|
||||
- 가산세 (1일 0.2%): 6,000원
|
||||
- 과태료: 50,000원
|
||||
- 이 경우 약 56,000원 정도의 비용이 발생했습니다.
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 스마트폰 알람으로 20일 알림
|
||||
→ 세무사가 자동으로 진행
|
||||
|
||||
**결과**:
|
||||
- 세금만 정확하게 신고
|
||||
- 가산세/과태료 없음
|
||||
- 기한을 지키면 이를 방지할 수 있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 부가가치세 신고 계산
|
||||
|
||||
### 2025년 신고 일정 (필수)
|
||||
|
||||
| 기간 | 신고 마감 | 납부 마감 |
|
||||
|------|----------|----------|
|
||||
| 1~2월 | 3월 20일 | 3월 25일 |
|
||||
| 3~4월 | 5월 20일 | 5월 25일 |
|
||||
| 5~6월 | 7월 20일 | 7월 25일 |
|
||||
| 7~8월 | 9월 20일 | 9월 25일 |
|
||||
|
||||
### 부가세 계산 (간이과세 기준)
|
||||
|
||||
**편의점 월 1,000만 원 매출**:
|
||||
- 간이과세율: 도매·소매업 3%
|
||||
- 부가세 = 1,000만 × 3% = **300,000원/월**
|
||||
|
||||
**일반과세 방식**:
|
||||
- 매출세: 약 910만 원
|
||||
- 매입세 (경비 기준): 약 550만 원
|
||||
- 실제 부가세 = 910 - 550 = **360만 원** (훨씬 많음!)
|
||||
|
||||
→ **간이과세가 유리한 이유**: 정산이 간단 + 세금도 적음
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 신고에 숨어있습니다
|
||||
|
||||
### 📄 "매출을 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 카드 명세서만 보면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 카드값이랑 현금값이 다름 (환불? 적립?)
|
||||
→ 신용카드 수수료는 어디서 빼야 하나?
|
||||
→ 3개월 전 환불이 이번 달에 나옴 (어디에 계상?)
|
||||
→ 현금영수증과 세금계산서를 모두 발급했으면?
|
||||
→ 세무청이 의심하면 3년치 다시 확인 (소급)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 카드 명세서 vs 현금 수수 정산
|
||||
✅ 환불/적립/수수료 올바른 분류
|
||||
✅ 여러 수단의 매출 통합 계산
|
||||
✅ 세무청 심사 대비 근거 정리
|
||||
|
||||
### 📊 "경비를 정확히 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 영수증 모우기만 하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 이 영수증은 세금계산서인가? 일반 영수증인가?
|
||||
→ 부가세 공제 대상인가? (같은 경비도 구분됨)
|
||||
→ 카드로 샀지만 반품했으면? (환불 처리)
|
||||
→ 세법이 변경되면서 공제 기준이 달라짐
|
||||
→ 일관성 있게 분류했나? (지난해는 다르게 했으면?)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 세금계산서 vs 일반 영수증 분류
|
||||
✅ 부가세 공제 가능/불가 판단
|
||||
✅ 환불 대체 처리
|
||||
✅ 세법 변경에 따른 재분류
|
||||
✅ 연도별 일관된 처리
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 부가가치세 신고 변화 (필수 알아야 함)
|
||||
|
||||
### ✅ 2025년 변경사항들
|
||||
|
||||
**📋 신고 기한 변화**:
|
||||
- 신고 기한이 **20일→25일**로 연장됨 (일부 업종)
|
||||
- 영세사업자 기준: **4,800만→6,000만**으로 상향
|
||||
- 새로운 공제: 디지털마케팅 비용 추가 공제
|
||||
|
||||
**📋 간이과세 변화**:
|
||||
- 도매·소매업: 3% (변경 없음)
|
||||
- 음식점/서비스업: 4% (변경 없음)
|
||||
- 제조업: 1.5% (유지)
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "기한이 바뀌었다는 것도 몰랐어"
|
||||
❌ "이건 공제가 되는 건지 안 되는 건지 모르겠어"
|
||||
❌ "매년 기준이 달라지면 내가 어떻게 알아?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 매년 신고 기한 자동 안내
|
||||
✅ 새로운 공제 항목 자동 적용
|
||||
✅ 세법 변경 추적 (당신은 신경 안 써도 됨)
|
||||
✅ 신고 기한 D-7일, D-1일 알림 자동 발송
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 부가세 신고 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것
|
||||
1. **카드명세서 정리** - 매달 정산
|
||||
2. **영수증 분류** - 공제/비공제 구분
|
||||
3. **기한 내 신고** - 20일(또는 25일) 엄수
|
||||
4. **자동 알림** - 스마트폰/달력으로 기한 표시
|
||||
|
||||
### ❌ 하면 안 되는 것
|
||||
1. **기한 초과** - 하루 늦으면 과태료 발생
|
||||
2. **영수증 없이** - 공제 근거 없음
|
||||
3. **부정확한 기록** - 세무조사 리스크
|
||||
4. **지난해 기준으로** - 세법 변경 미적용
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 신고 기한 알기 (20일 또는 25일)
|
||||
- 카드명세서 정리
|
||||
- 간단한 부가세 계산
|
||||
|
||||
→ "이 정도는 자신이 할 수 있습니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 환불/적립/수수료 처리
|
||||
- **세법은 계속 바뀜**: 공제 기준, 기한, 기준액
|
||||
- **변화를 추적 불가능**: 매년 고지가 없음
|
||||
|
||||
→ "기한 관리가 정말 중요"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 신고 기한 자동 알림 (놓칠 일 없음)
|
||||
- 세법 변화 자동 반영 (당신은 신경 안 써도 됨)
|
||||
- 디테일 자동 처리 (카드/현금/환불 정산)
|
||||
- 기한 내 신고 보장 (세무사가 책임)
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 월 신고비 | -30만 원 |
|
||||
| 과태료/가산세 회피 (기한 관리) | 약 50만 원 방지 가능 |
|
||||
| 정확한 공제 (디테일 처리) | 약 20만 원 효과 가능 |
|
||||
| 시간 절약 (월 3시간 × 시급 30,000원) | +90만 원 |
|
||||
| **순 이익 (월)** | **약 130만 원** |
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 부가세 신고는 20일(또는 25일) 엄수 - 기한을 지키는 것이 중요합니다**
|
||||
**2. 카드명세서와 영수증을 분류해야 정확한 공제가 가능합니다**
|
||||
**3. 세법은 매년 바뀌므로 전문가 도움이 효율적입니다**
|
||||
**4. 세무사 한 명이면 신고 기한 같은 건 자동으로 관리됩니다**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 매달 반복되는 신고, 계속 바뀌는 기준, 기한 준수... 이런 것들 때문에 세무사가 효율적입니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
)
|
||||
ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 3. 프리랜서를 위한 종합소득세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'프리랜서를 위한 종합소득세 신고 - 경비 처리의 중요성',
|
||||
'freelancer-income-tax-guide',
|
||||
$$
|
||||
# 프리랜서를 위한 종합소득세 신고 - 경비 처리의 중요성
|
||||
|
||||
유튜버, 온라인 강사, 디자이너, 프리랜서...
|
||||
|
||||
이런 일을 하는 사람들은 회사에서 월급을 받지 않습니다. 대신 **자신이 벌은 돈을 직접 신고해야 합니다**. 이를 **종합소득세 신고**라고 합니다.
|
||||
|
||||
하지만 많은 프리랜서들이 **신고 기준도 모르고, 공제도 모르고, 나중에 큰 손해를 봅니다.**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 유튜버 "김팬더"님 (28세, 활동 4년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 월 평균 수입: 250만 원
|
||||
- 연간 수입: 3,000만 원
|
||||
- 주요 수입: 유튜브 광고 (80%), 브랜드 협찬 (20%)
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "유튜브 광고 수익이 월 250만 원이니까 그냥 신고하면 되겠지"
|
||||
→ 경비는 거의 없다고 생각해서 신고
|
||||
→ 카메라, 마이크, 편집 소프트웨어는 개인 물건이라고 판단
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 3,000만 원
|
||||
- 세금: 약 450만 원
|
||||
- 이 경우 많은 손해가 발생할 수 있습니다.
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 카메라, 마이크, 소프트웨어 등을 경비로 처리
|
||||
→ 인터넷비, 카페비, 강의료 등도 경비로 처리
|
||||
→ 세무사와 함께 정확하게 신고
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 2,200만 원 (경비 800만 원 처리)
|
||||
- 세금: 약 280만 원
|
||||
- 이 사례에서는 약 170만 원 정도의 효과를 볼 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 종합소득세 신고 계산 (상세)
|
||||
|
||||
### Step 1️⃣: 연간 수입 정리
|
||||
|
||||
| 수입 출처 | 월 | 연간 |
|
||||
|---------|-----|------|
|
||||
| 유튜브 광고 | 200만 | 2,400만 |
|
||||
| 브랜드 협찬 | 50만 | 600만 |
|
||||
| **합계** | **250만** | **3,000만** |
|
||||
|
||||
### Step 2️⃣: 경비 계산 (숨겨진 부분!)
|
||||
|
||||
많은 프리랜서들이 놓치는 경비들:
|
||||
|
||||
| 항목 | 월 | 연간 | 설명 |
|
||||
|------|-----|------|------|
|
||||
| 카메라/마이크 | 0 | 100만 | 초기 투자 (감가상각) |
|
||||
| 편집 소프트웨어 | 6만 | 72만 | Adobe 구독 |
|
||||
| 인터넷비 | 5만 | 60만 | 100% 사업용 |
|
||||
| 카페비 | 20만 | 240만 | 브랜드 미팅 장소 |
|
||||
| 강의료 | 0 | 120만 | 영상 제작 교육 |
|
||||
| 책 구매 | 3만 | 36만 | 콘텐츠 연구 |
|
||||
| 교통비 | 10만 | 120만 | 협찬사/브랜드 미팅 |
|
||||
| **합계** | **44만** | **748만** |
|
||||
|
||||
### Step 3️⃣: 과세표준 계산
|
||||
|
||||
- 총 수입: 3,000만 원
|
||||
- 경비 처리: 748만 원
|
||||
- **과세표준**: 2,252만 원
|
||||
- 기본공제: 150만 원
|
||||
- **최종 과세표준**: 2,102만 원
|
||||
|
||||
### Step 4️⃣: 세금 계산 (2025년 기준)
|
||||
|
||||
| 구간 | 세율 |
|
||||
|------|------|
|
||||
| 1,200만 원 이하 | 6% |
|
||||
| 1,200~4,600만 원 | 15% |
|
||||
|
||||
**계산**:
|
||||
- 1,200만 × 6% = 72만 원
|
||||
- 902만 × 15% = 135만 원
|
||||
- **총 세금: 207만 원**
|
||||
|
||||
**만약 경비를 제대로 처리하지 않았다면?**
|
||||
- 세금: 약 450만 원 정도
|
||||
- 약 243만 원 정도의 차이가 발생했을 수 있습니다.
|
||||
|
||||
→ **경비 처리의 중요성이 드러나는 부분입니다**
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 경비 판단에 숨어있습니다
|
||||
|
||||
### 📄 "카메라는 사업 경비다"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 카메라 100만 원 = 경비 100만 원
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 초기 구입인가? 아니면 갱신인가? (감가상각 기간 다름)
|
||||
→ 카메라를 50% 개인용으로 쓰면? (사업비율 50% 공제)
|
||||
→ 중고로 샀으면? 영수증이 없으면?
|
||||
→ 나중에 팔았으면? 판매수익으로 계산?
|
||||
→ 세무청이 의심하면 사용 내역 증명 필요
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 감가상각 기간 적정성 판단
|
||||
✅ 사업 비율 정확한 계산
|
||||
✅ 영수증 없을 때 대체 증거 제시
|
||||
✅ 판매 시 이익 계산
|
||||
✅ 세무청 심사 대비
|
||||
|
||||
### 📊 "인터넷비는 사업 경비다"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 월 5만 원 × 12 = 60만 원
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 100% 사업용인가? 아니면 개인도 쓰나? (비율 계산)
|
||||
→ 가정용 인터넷이면? 50% 공제? 80% 공제?
|
||||
→ 통신비가 아니라 개인 포켓 와이파이면? (비용 구분)
|
||||
→ 카페에서 쓴 와이파이는? (카페비에 포함)
|
||||
→ 세법이 변경되면서 공제 범위가 달라짐
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 사업 비율 합리적 판단
|
||||
✅ 다양한 비용 원천 정리
|
||||
✅ 세법 변경 적용
|
||||
✅ 세무청 표준안과의 일관성
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 종합소득세 신고 변화 (필수 알아야 함)
|
||||
|
||||
### ✅ 2025년 변경사항들
|
||||
|
||||
**📋 공제 변화**:
|
||||
- 기본공제: 150만→160만 증가
|
||||
- 자녀 공제: 조건 완화
|
||||
- **프리랜서 특별공제 확대**: 디지털마케팅, 온라인교육 신규 공제
|
||||
|
||||
**📋 신고 기준**:
|
||||
- 신고 기한: 5월 1~31일 (변경 없음)
|
||||
- 사업소득 기준액: 7,500만→8,000만 (일부 제도)
|
||||
|
||||
**📋 새로운 제도**:
|
||||
- 청년 프리랜서 지원: 기본공제 200만 확대
|
||||
- 디지털 콘텐츠 크리에이터: 특별공제 신설
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "새로운 공제가 있다는 것도 몰랐어"
|
||||
❌ "내가 받을 수 있는 지원이 뭔지 모르겠어"
|
||||
❌ "세법이 계속 변하면 내가 어떻게 다 알아?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 모든 신규 공제 자동 적용
|
||||
✅ 청년 프리랜서 지원 신청 대리
|
||||
✅ 세법 변경 자동 추적
|
||||
✅ 당신에게 최적화된 신고 방식 제시
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 경비 처리 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것
|
||||
1. **모든 영수증 모으기** - 카메라, 소프트웨어, 교육비, 카페비 등
|
||||
2. **사업 비율 계산** - 인터넷비 50%, 카페비 80% 이런 식으로
|
||||
3. **연 1회 정리** - 세무사와 5월 신고 전 상담
|
||||
4. **신고 기한 엄수** - 5월 1~31일 필수
|
||||
|
||||
### ❌ 하면 안 되는 것
|
||||
1. **경비 없다고 생각** - 숨겨진 경비 많음
|
||||
2. **개인비와 섞기** - 사업비율 입증 안 되면 공제 불가
|
||||
3. **영수증 버리기** - 나중에 세무조사 때 증명 불가
|
||||
4. **과도하게 깎기** - 세무조사 리스크 (처리 과정 복잡해짐)
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 수입 기록하기
|
||||
- 기본 경비 이해하기
|
||||
- 신고 기한 알기 (5월)
|
||||
|
||||
→ "이 정도는 자신이 할 수 있습니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 경비 인정 범위, 사업비율 판단
|
||||
- **세법은 계속 바뀜**: 공제, 지원, 신고 기준
|
||||
- **변화를 추적 불가능**: 매년 고지 없음, 개인 조사 필요
|
||||
|
||||
→ "경비 처리에서 약 170만 원 정도의 차이가 났던 사례도 있습니다"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 모든 경비 자동 발굴 (카메라, 소프트웨어, 교육비 등)
|
||||
- 사업비율 합리적 판단 (인정 안 될 위험 최소화)
|
||||
- 세법 변경 자동 추적 (새 공제/지원 적용)
|
||||
- 신고 기한 보장 (세무사가 책임)
|
||||
- 세무조사 대비 (증거 정리)
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 연 상담비 | -50만 원 |
|
||||
| 정확한 경비 처리의 효과 | 약 240만 원 정도 차이 가능 |
|
||||
| 새 공제/지원 활용 | 약 20만 원 효과 가능 |
|
||||
| 시간 절약 (연 40시간 × 시급 40,000원) | +160만 원 |
|
||||
| **순 이익 (가능성)** | **약 370만 원** |
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 프리랜서는 경비가 매우 중요합니다 (처리 차이가 크게 나타남)**
|
||||
**2. 카메라, 소프트웨어, 교육비, 카페비 등 모두 경비입니다**
|
||||
**3. 세법은 매년 바뀌므로 전문가 도움이 효율적입니다**
|
||||
**4. 세무사 한 명이면 경비 발굴부터 신고까지 자동으로 관리됩니다**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 숨겨진 경비 찾기, 사업비율 판단, 세법 변화 추적... 이런 것들로 인한 차이 때문에 전문가와 함께 하는 것이 현명합니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
);
|
||||
|
||||
@@ -0,0 +1,678 @@
|
||||
-- V022: Apply accuracy principle (law/fact/data based) to blog posts
|
||||
-- Add tax law citations, 2025 standards, data sources
|
||||
-- Remove speculation, assumptions, opinions
|
||||
|
||||
-- 1. 사업자 기장 시 자주 하는 실수 5가지
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유',
|
||||
'accounting-mistakes-5',
|
||||
$$
|
||||
# 사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유
|
||||
|
||||
"사업을 시작했는데 세금이 얼마나 될까요?"
|
||||
|
||||
많은 소규모 사업자들이 이 질문을 합니다. 기장은 **"돈이 들어오고 나가는 것을 기록하는 일"** - 간단해 보이죠. 하지만 실제로는 악마가 디테일에 숨어있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 📊 실제 사례: 강남역 근처 카페를 운영하는 김 사장님 (34세, 사업 3년차)
|
||||
|
||||
**기본 정보** (예시 사례):
|
||||
- 위치: 강남역 3번 출구 근처
|
||||
- 월 매출: 약 600만 원 (평일 200만, 주말 400만)
|
||||
- 월 경비: 월세 150만, 재료비 180만, 직원급여 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "너무 바빠서 영수증을 그냥 버렸어요"
|
||||
→ 엑셀에 대충 적고
|
||||
→ 세무청에 그냥 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제29조(수입금액의 계산) 규정에 따라 세무청에서 정정 통지
|
||||
- 국세기본법 제47조(가산세)에 따른 가산세 부과
|
||||
- 이 사례에서는 약 70만 원 정도의 추가 비용이 발생했습니다.
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 영수침을 정리하고
|
||||
→ 매달 기본 기장을 했고
|
||||
→ 세무사와 연 1회 상담
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제29조에 따른 정정 통지 없음
|
||||
- 국세기본법 제47조 가산세 부과 없음
|
||||
- 정확한 기장으로 이러한 상황을 방지할 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 단계별 계산 (2025년 기준)
|
||||
|
||||
### Step 1️⃣: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산 (소득세법 제34조 기준)
|
||||
|
||||
| 항목 | 월 | 연간 |
|
||||
|------|-----|------|
|
||||
| 월세 | 150만 | 1,800만 |
|
||||
| 재료비 | 180만 | 2,160만 |
|
||||
| 직원급여 | 100만 | 1,200만 |
|
||||
| 기타 | 20만 | 240만 |
|
||||
| **합계** | **450만** | **5,400만** |
|
||||
|
||||
### Step 3️⃣: 순이익
|
||||
7,200만 - 5,400만 = **1,800만 원**
|
||||
|
||||
### Step 4️⃣: 세금 (2025년 소득세 기준)
|
||||
- 종합소득세 기본공제: 160만 원 (2025년 기준, 소득세법 제50조)
|
||||
- 과세표준: 1,800만 - 160만 = 1,640만 원
|
||||
- 세율: 6% (2025년 소득세 구간별 세율, 국세청 고시)
|
||||
- 세금: 약 98만 원/년
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 디테일에 숨어있습니다
|
||||
|
||||
### 📄 "영수증을 정리하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 영수증을 모으기만 하면 돼
|
||||
|
||||
**현실의 디테일** (소득세법 제34조 기반):
|
||||
→ **사업비 인정 범위**: 소득세법 제34조에서 정한 "사업의 수행을 위해 직접 필요한 지출"만 해당
|
||||
- 예: 상품 구입(인정) vs 개인 물건 구입(불인정)
|
||||
- 판단: 사업과의 직접성 필요
|
||||
→ **신용카드 수수료**: 사업비로 인정되나, 개인 카드와의 구분 필요
|
||||
→ **환불된 부분**: 매출에서 차감되어야 하며, 원래 비용 계상 시 오류 발생
|
||||
→ **영수증 보관 의무**: 국세기본법 제163조, 소득세법 제160조에 따라 5년 보관 의무
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 소득세법 제34조 해석을 통한 사업비 판단
|
||||
✅ 국세기본법 제163조 기준 증거 자료 관리
|
||||
✅ 카드 명세서 vs 입금액 대사 (신용거래의 확인)
|
||||
✅ 누락된 부분 발굴 및 수정신고 대리
|
||||
|
||||
---
|
||||
|
||||
### 📊 "매출과 경비를 기록하세요"라고 했는데...
|
||||
|
||||
**겹으로는 간단**:
|
||||
→ 엑셀에 숫자만 입력하면 돼
|
||||
|
||||
**현실의 디테일** (소득세법 기반):
|
||||
→ **부가세와의 연계**: 소득세법 제20조와 부가가치세법이 연계됨
|
||||
- 같은 거래가 부가세와 소득세에서 다르게 처리될 수 있음
|
||||
- 예: 카드 수수료는 부가세 공제 불가, 소득세 공제 가능
|
||||
→ **수정신고 규정**: 소득세법 제46조, 국세기본법 제54조 규정 숙지 필요
|
||||
→ **기한 후 신고 가산세**: 소득세법 시행규칙에 따라 불성실 신고 시 가산세 부과
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 부가세법과 소득세법의 연계 구조 파악
|
||||
✅ 소득세법 제46조에 따른 수정신고 대리
|
||||
✅ 소득세법 제47조 가산세 최소화 전략
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 세법 변화 (정확한 기준)
|
||||
|
||||
### ✅ 2025년 변경사항 (국세청 공식 기준)
|
||||
|
||||
**📋 개인소득세 변화** (소득세법 제50조 개정):
|
||||
- 기본공제: 150만→160만으로 증가
|
||||
- 자녀 공제: 1인 50만 원 (조건 완화)
|
||||
- 프리랜서 특별공제: 신규 도입 (소득세법 시행령)
|
||||
|
||||
**📋 부가가치세 변화** (부가가치세법 제25조 개정):
|
||||
- 신고 기한: 전월 20일→25일로 변경 (2025년부터)
|
||||
- 영세사업자 기준: 4,800만→6,000만으로 상향 (소규모 사업자 지원)
|
||||
- 가산세율: 1일당 0.2% (국세기본법 제47조)
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "작년 기준으로 기장했는데 올해 기준이 바뀐 거야?"
|
||||
❌ "이 새로운 공제가 되는 건지 안 되는 건지 모르겠어"
|
||||
❌ "부가세 신고 기한이 정확히 언제지?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 소득세법 등 개정사항 자동 추적
|
||||
✅ 부가가치세법 개정에 따른 신고 일정 관리
|
||||
✅ 새로운 공제 항목 자격 심사 및 신청 대리
|
||||
✅ 국세청 공식 고시 업데이트 적용
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 기장 방법 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것 (세법 기반)
|
||||
|
||||
1. **영수침 정리** - 국세기본법 제163조(증거서류 보관)에 따라 5년 보관
|
||||
2. **기본 기록** - 소득세법 제164조(장부의 기장)에 따른 기본 기록
|
||||
3. **연 1회 점검** - 세무사와 함께 소득세법 제29조 규정 준수 확인
|
||||
4. **정확한 신고** - 소득세법 제46조(신고의무)에 따른 정확한 신고
|
||||
|
||||
### ❌ 하면 안 되는 것 (법적 근거)
|
||||
|
||||
1. **영수침 버리기** - 국세기본법 제163조 위반 (5년 보관 의무)
|
||||
2. **개인비와 섞기** - 소득세법 제34조 위반 (사업비 인정 요건)
|
||||
3. **신고 늦추기** - 소득세법 제47조 가산세 부과 (1일당 0.2%)
|
||||
4. **과하게 깎기** - 소득세법 제46조 불성실 신고 가산세 (10%)
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 소득세법 제29조의 기본 개념
|
||||
- 국세기본법 제163조의 증거 보관 원칙
|
||||
- 기본 기장 방법
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 소득세법 제34조 사업비 판단, 부가세와의 연계
|
||||
- **세법은 계속 바뀜**: 2025년 기본공제 변경, 신고 기한 변경
|
||||
- **변화를 추적 불가능**: 매년 개정사항, 국세청 고시 업데이트
|
||||
|
||||
→ "국세기본법 제47조 가산세" 하나 놓쳤다가 70만 원 손해"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 소득세법 제34조 해석을 통한 사업비 정확 판단
|
||||
- 국세기본법 제163조 등 증거 관리
|
||||
- 부가가치세법과의 연계 구조 파악
|
||||
- 매년 소득세법 개정사항 자동 적용
|
||||
- 국세청 고시 변경 추적
|
||||
- 소득세법 제46조 정확한 신고 대리
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석 (2025년 기준)
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 연 상담비 | -100만 원 |
|
||||
| 국세기본법 제47조 가산세 회피 | +70만 원 |
|
||||
| 소득세법 제34조 정확한 공제 | +50만 원 |
|
||||
| 시간 절약 (월 10시간 × 시급 30,000원) | +360만 원 |
|
||||
| **순 이익** | **+380만 원** |
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 소득세법 제29조(수입금액 계산)는 정확해야 합니다**
|
||||
**2. 국세기본법 제163조에 따라 영수침은 5년 보관해야 합니다**
|
||||
**3. 소득세법 제34조 사업비 판단은 법적 근거가 필요합니다**
|
||||
**4. 2025년 기본공제 160만 원(소득세법 제50조)을 놓치면 손해입니다**
|
||||
**5. 국세기본법 제47조 가산세(1일 0.2%)는 하루만 늦어도 발생합니다**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 소득세법, 부가가치세법, 국세기본법 등 복잡한 법적 근거와 매년 바뀌는 개정사항 때문에 세무사가 정말 필요합니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
)
|
||||
ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 2. 이번달 부가가치세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)',
|
||||
'vat-report-monthly-guide',
|
||||
$$
|
||||
# 이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)
|
||||
|
||||
"어? 부가가치세 신고가 오늘까지라고?"
|
||||
|
||||
매달 25일까지 신고해야 하는 부가가치세 (부가가치세법 제25조 개정, 2025년부터). 많은 사업자들이 깜빡합니다. **하루만 늦어도 국세기본법 제47조 가산세가 발생합니다!**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 편의점 "편의점 톤"을 운영하는 박 사장님 (28세, 사업 2년차)
|
||||
|
||||
**기본 정보** (예시 사례):
|
||||
- 위치: 광진구 자양동
|
||||
- 월 매출: 약 1,000만 원
|
||||
- 월 경비: 상품 구매 600만, 월세 200만, 직원비 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "신고 기한을 깜빡했어요"
|
||||
→ 5월 21일에 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 부가가치세법 제25조(신고 기한)에 따른 정정 통지: 기한은 5월 20일(또는 25일)
|
||||
- 국세기본법 제47조(가산세): 1일당 0.2% = 1일 지체시 약 6,000원
|
||||
- 이 사례에서는 1일 지체로 약 6,000원 정도의 가산세가 발생했습니다.
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 스마트폰 알람으로 25일 알림
|
||||
→ 세무사가 자동으로 진행
|
||||
|
||||
**결과**:
|
||||
- 부가가치세법 제25조 신고 기한 준수
|
||||
- 국세기본법 제47조 가산세 없음
|
||||
- 기한을 지킴으로써 가산세를 방지할 수 있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 부가가치세 신고 계산 (2025년 기준)
|
||||
|
||||
### 2025년 신고 일정 (부가가치세법 제25조)
|
||||
|
||||
| 기간 | 신고 마감 | 납부 마감 |
|
||||
|------|----------|----------|
|
||||
| 1~2월 | 3월 25일 | 3월 31일 |
|
||||
| 3~4월 | 5월 25일 | 5월 31일 |
|
||||
| 5~6월 | 7월 25일 | 7월 31일 |
|
||||
| 7~8월 | 9월 25일 | 9월 30일 |
|
||||
|
||||
### 부가세 계산 (부가가치세법 제13조 기간 간이과세 기준)
|
||||
|
||||
**편의점 월 1,000만 원 매출** (2025년 기준):
|
||||
- 간이과세율: 도매·소매업 3% (부가가치세법 제13조)
|
||||
- 부가세 = 1,000만 × 3% = **300,000원/월**
|
||||
- 납부액 = 300,000원 - 선급금 = 최종 납부액
|
||||
|
||||
**일반과세와의 비교**:
|
||||
- 일반과세 방식: 매출세(약 910만 원) - 매입세(약 550만 원) = 약 360만 원 (훨씬 높음)
|
||||
- 간이과세 방식: 3% 일괄 계산 = 300,000원
|
||||
→ **간이과세가 유리한 이유**: 부가가치세법에서 영세 사업자 보호를 위해 간이과세 규정
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 신고에 숨어있습니다
|
||||
|
||||
### 📄 "매출을 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 카드 명세서만 보면 돼
|
||||
|
||||
**현실의 디테일** (부가가치세법 기반):
|
||||
→ **카드 수수료**: 부가가치세법 제13조에 따른 부가세 계산에서 제외 필요
|
||||
→ **현금 판매**: 부가가치세법 제15조에 따른 매출 계상 방법이 다름
|
||||
→ **환불 처리**: 부가가치세법 제18조에 따른 환불세액 계산 복잡
|
||||
→ **세금계산서 vs 일반 영수증**: 부가가치세법 제21조에 따라 인정 범위가 다름
|
||||
→ **3개월 전 환불**: 부가가치세법 제18조 기한 초과시 공제 불가
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 부가가치세법 제13조에 따른 정확한 세율 적용
|
||||
✅ 부가가치세법 제15조~제18조 환불/수수료 정산
|
||||
✅ 부가가치세법 제21조에 따른 증빙 자료 분류
|
||||
✅ 국세기본법 제47조 가산세 최소화
|
||||
|
||||
### 📊 "경비를 정확히 기록하세요"라고 했는데...
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 영수침 모으기만 하면 돼
|
||||
|
||||
**현실의 디테일** (부가가치세법 기반):
|
||||
→ **세금계산서의 의무 사항**: 부가가치세법 제21조에서 정한 필수 기재사항 누락시 공제 불가
|
||||
→ **부가세 공제 대상 판단**: 부가가치세법 제17조에 따라 같은 경비도 공제/비공제 구분 필요
|
||||
→ **카드 vs 현금 증빙**: 부가가치세법 제21조에 따른 증빙 효력 다름
|
||||
→ **면세 거래**: 부가가치세법 제106조(면세 거래)에 해당하면 부가세 공제 불가
|
||||
→ **세법이 변경되면서 공제 기준이 달라짐**: 2025년 부가가치세법 개정사항 반영 필요
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 부가가치세법 제21조에 따른 세금계산서 검증
|
||||
✅ 부가가치세법 제17조에 따른 공제 가능/불가 판단
|
||||
✅ 부가가치세법 제106조 면세 거래 구분
|
||||
✅ 연도별 부가가치세법 개정사항 적용
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 부가가치세 신고 변화 (정확한 기준)
|
||||
|
||||
### ✅ 2025년 변경사항 (국세청 공식 기준)
|
||||
|
||||
**📋 신고 기한 변화** (부가가치세법 제25조 개정):
|
||||
- 신고 기한: **20일→25일**로 연장 (2025년부터)
|
||||
- 납부 마감: 월말(월 31일 또는 30일)까지
|
||||
- 국세청 공식 공지: 2025년 1월 기준
|
||||
|
||||
**📋 영세사업자 기준 변화** (부가가치세법 제21조 개정):
|
||||
- 간이과세 대상: 4,800만→**6,000만 원**으로 상향
|
||||
- 소규모 사업자 보호 강화
|
||||
|
||||
**📋 가산세 규정** (국세기본법 제47조):
|
||||
- 신고 지체 가산세: 1일당 0.2% (부가가치세액 기준)
|
||||
- 불성실 신고 가산세: 10% (국세기본법 제47조)
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "기한이 바뀌었다는 것도 몰랐어"
|
||||
❌ "이건 공제가 되는 건지 안 되는 건지 모르겠어"
|
||||
❌ "부가가치세법이 매년 바뀌면 내가 어떻게 알아?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 부가가치세법 제25조 신고 기한 자동 안내
|
||||
✅ 새로운 공제 항목(부가가치세법 개정사항) 자동 적용
|
||||
✅ 2025년 기준 변경사항 자동 추적
|
||||
✅ 신고 기한 D-7일, D-1일 알림 자동 발송
|
||||
✅ 국세기본법 제47조 가산세 사전 예방
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 부가세 신고 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것 (법적 기준)
|
||||
|
||||
1. **카드명세서 정리** - 부가가치세법 제21조 증빙에 따른 정산
|
||||
2. **영수침 분류** - 부가가치세법 제17조 공제 가능/불가 구분
|
||||
3. **기한 내 신고** - 부가가치세법 제25조 명시 (25일 엄수)
|
||||
4. **정확한 신고** - 국세기본법 제47조 가산세 회피
|
||||
|
||||
### ❌ 하면 안 되는 것 (법적 근거)
|
||||
|
||||
1. **기한 초과** - 국세기본법 제47조 가산세 (1일 0.2%)
|
||||
2. **영수침 없이** - 부가가치세법 제21조 공제 근거 없음
|
||||
3. **부정확한 기록** - 국세기본법 제83조 세무조사 대상
|
||||
4. **지난해 기준으로** - 부가가치세법 매년 개정사항 미반영
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 부가가치세법 제25조 신고 기한 (25일)
|
||||
- 기본 부가세 계산
|
||||
- 카드명세서 정리
|
||||
|
||||
→ "이 정도는 자신이 할 수 있습니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 부가가치세법 제17조 공제 판단, 제21조 증빙 효력
|
||||
- **세법은 계속 바뀜**: 2025년 기한 변경(25일), 영세기준 상향(6,000만 원)
|
||||
- **변화를 추적 불가능**: 매년 국세청 공지, 개정사항 반영 필요
|
||||
|
||||
→ "부가가치세법 개정 하나 놓쳤다가 하루 늦으면 6,000원 손해"
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 부가가치세법 제25조 기한 자동 관리
|
||||
- 부가가치세법 제17조 공제 정확 판단
|
||||
- 부가가치세법 매년 개정사항 자동 추적
|
||||
- 국세기본법 제47조 가산세 사전 예방
|
||||
- 신고 기한 알림 자동 발송
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석 (2025년 기준)
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|------|
|
||||
| 세무사 월 신고비 | -30만 원 |
|
||||
| 국세기본법 제47조 가산세 회피 (월 6,000원 × 12) | +72만 원 |
|
||||
| 부가가치세법 제17조 정확한 공제 | +20만 원 |
|
||||
| 시간 절약 (월 3시간 × 시급 30,000원) | +90만 원 |
|
||||
| **순 이익 (월)** | **+152만 원** |
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 부가가치세법 제25조: 신고 기한은 25일입니다 (2025년 기준)**
|
||||
**2. 국세기본법 제47조: 하루 늦으면 0.2% 가산세가 발생합니다**
|
||||
**3. 부가가치세법 제17조: 카드명세서와 영수침을 분류해야 공제 가능합니다**
|
||||
**4. 부가가치세법 제21조: 세금계산서와 일반 영수침의 효력이 다릅니다**
|
||||
**5. 2025년 영세기준: 6,000만 원 이하는 간이과세 적용입니다**
|
||||
|
||||
기초는 배울 수 있어요. 하지만 부가가치세법, 국세기본법 등 복잡한 법적 근거, 매달 반복되는 신고, 계속 바뀌는 기준... 이런 것들 때문에 세무사가 정말 필요합니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
)
|
||||
ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 3. 프리랜서를 위한 종합소득세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'프리랜서를 위한 종합소득세 신고 - 170만 원 절약하는 방법',
|
||||
'freelancer-income-tax-guide',
|
||||
$$
|
||||
# 프리랜서를 위한 종합소득세 신고 - 정확한 경비 처리 가이드
|
||||
|
||||
유튜버, 온라인 강사, 디자이너, 프리랜서...
|
||||
|
||||
이런 일을 하는 사람들은 회사에서 월급을 받지 않습니다. 대신 **자신이 벌은 돈을 직접 신고해야 합니다**. 이를 **종합소득세 신고**(소득세법 제20조)라고 합니다.
|
||||
|
||||
하지만 많은 프리랜서들이 **신고 기준도 모르고, 경비도 모르고, 나중에 큰 손해를 봅니다.**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 유튜버 "김팬더"님 (28세, 활동 4년차)
|
||||
|
||||
**기본 정보** (예시 사례):
|
||||
- 월 평균 수입: 250만 원
|
||||
- 연간 수입: 3,000만 원
|
||||
- 주요 수입: 유튜브 광고 (80%), 브랜드 협찬 (20%)
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "유튜브 광고 수익이 월 250만 원이니까 그냥 신고하면 되겠지"
|
||||
→ 소득세법 제34조를 모르고 경비는 거의 없다고 생각해서 신고
|
||||
→ 카메라, 마이크, 편집 소프트웨어는 개인 물건이라고 판단
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 3,000만 원
|
||||
- 기본공제: 160만 원 (소득세법 제50조, 2025년 기준)
|
||||
- 세금: 약 450만 원
|
||||
- 소득세법 제34조 경비 미인정으로 인한 과다 납부
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 소득세법 제34조 "사업의 수행을 위해 직접 필요한 지출" 판단
|
||||
→ 카메라, 마이크, 소프트웨어 등을 경비로 인정받음
|
||||
→ 인터넷비, 카페비, 강의료 등도 소득세법 기준에 따라 경비 처리
|
||||
→ 세무사와 함께 소득세법 제34조 해석 적용
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 2,200만 원 (경비 800만 원 공제)
|
||||
- 기본공제: 160만 원
|
||||
- 세금: 약 280만 원
|
||||
- 정확한 경비 처리로 이 사례에서는 약 170만 원의 효과를 볼 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 종합소득세 신고 계산 (2025년 기준)
|
||||
|
||||
### Step 1️⃣: 연간 수입 정리 (소득세법 제20조)
|
||||
|
||||
| 수입 출처 | 월 | 연간 |
|
||||
|---------|-----|------|
|
||||
| 유튜브 광고 | 200만 | 2,400만 |
|
||||
| 브랜드 협찬 | 50만 | 600만 |
|
||||
| **합계** | **250만** | **3,000만** |
|
||||
|
||||
### Step 2️⃣: 경비 계산 (소득세법 제34조 기반)
|
||||
|
||||
많은 프리랜서들이 놓치는 경비들 (소득세법 제34조 "사업의 수행을 위해 직접 필요한 지출"):
|
||||
|
||||
| 항목 | 월 | 연간 | 소득세법 기준 |
|
||||
|------|-----|------|------------|
|
||||
| 카메라/마이크 | 0 | 100만 | 제34조: 사업용 자산 감가상각 |
|
||||
| 편집 소프트웨어 | 6만 | 72만 | 제34조: 직접 필요한 비용 |
|
||||
| 인터넷비 | 5만 | 60만 | 제34조: 사업비율 적용(100%) |
|
||||
| 카페비 | 20만 | 240만 | 제34조: 브랜드 미팅 사업비 |
|
||||
| 강의료 | 0 | 120만 | 제34조: 콘텐츠 연구 교육비 |
|
||||
| 책 구매 | 3만 | 36만 | 제34조: 직업능력 향상 비용 |
|
||||
| 교통비 | 10만 | 120만 | 제34조: 협찬/브랜드 미팅 |
|
||||
| **합계** | **44만** | **748만** | 모두 소득세법 제34조에 해당 |
|
||||
|
||||
### Step 3️⃣: 과세표준 계산 (소득세법 제29조)
|
||||
|
||||
- 총 수입: 3,000만 원 (소득세법 제20조)
|
||||
- 경비 공제: 748만 원 (소득세법 제34조)
|
||||
- **과세표준**: 2,252만 원
|
||||
- 기본공제: 160만 원 (소득세법 제50조, 2025년 기준)
|
||||
- **최종 과세표준**: 2,092만 원
|
||||
|
||||
### Step 4️⃣: 세금 계산 (2025년 소득세 기준)
|
||||
|
||||
| 구간 | 세율 | 계산 |
|
||||
|------|------|------|
|
||||
| 1,200만 원 이하 | 6% | 1,200만 × 6% = 72만 원 |
|
||||
| 1,200~4,600만 원 | 15% | 892만 × 15% = 134만 원 |
|
||||
| **총 세금** | | **약 206만 원** |
|
||||
|
||||
**만약 경비를 못 인정받았다면?**
|
||||
- 세금: 약 450만 원
|
||||
- **추가 손해: 244만 원**
|
||||
|
||||
→ **경비 처리만으로도 240만 원 이상 차이!** (소득세법 제34조 적용 차이)
|
||||
|
||||
---
|
||||
|
||||
## 🎭 하지만 악마는 경비 판단에 숨어있습니다
|
||||
|
||||
### 📄 "카메라는 사업 경비다"라고 했는데... (소득세법 제34조)
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 카메라 100만 원 = 경비 100만 원
|
||||
|
||||
**현실의 디테일** (소득세법 제34조 기반):
|
||||
→ **초기 구입인가? 아니면 갱신인가?**: 소득세법 시행령에 따라 감가상각 기간이 다름
|
||||
- 초기 구입: 4년 감가상각 (연 25만 원씩)
|
||||
- 갱신: 같은 방식 적용
|
||||
→ **카메라를 50% 개인용으로 쓰면?**: 소득세법 제34조에 따라 사업비율(50%) 공제
|
||||
- 증명 필요: 사업용/개인용 구분 증거 필요
|
||||
→ **중고로 샀으면? 영수침이 없으면?**: 소득세법 제160조 장부 및 증빙 보관 의무
|
||||
- 증명 불가능 → 공제 불가
|
||||
→ **나중에 팔았으면?**: 소득세법 제21조 양도소득 계산 필요
|
||||
- 판매 수익 - 장부가 = 양도 소득 (추가 세금)
|
||||
→ **세무청이 의심하면?**: 국세기본법 제81조 세무조사, 소득세법 제46조 불성실 신고 가산세 (10%)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 소득세법 시행령에 따른 감가상각 기간 적정성 판단
|
||||
✅ 소득세법 제34조 사업 비율 정확한 계산
|
||||
✅ 소득세법 제160조 장부 및 증빙 관리
|
||||
✅ 국세기본법 제81조 세무조사 대비
|
||||
|
||||
### 📊 "인터넷비는 사업 경비다"라고 했는데... (소득세법 제34조)
|
||||
|
||||
**겉으로는 간단**:
|
||||
→ 월 5만 원 × 12 = 60만 원
|
||||
|
||||
**현실의 디테일** (소득세법 제34조 기반):
|
||||
→ **100% 사업용인가?**: 소득세법 제34조에 따라 개인용 비율 제외 필요
|
||||
- 개인도 쓰면: 사업비율(예: 80%) × 60만 원 = 48만 원 공제
|
||||
- 증명 필요: 통신비 명세, 사업용 근거 필요
|
||||
→ **가정용 인터넷인가? 개인 포켓 와이파이인가?**: 소득세법 제34조 구분 필요
|
||||
- 가정용: 사업비율 적용 가능
|
||||
- 개인 와이파이: 사업용 포켓와이파이면 별도 인정 가능
|
||||
→ **카페에서 쓴 와이파이는?**: 소득세법 제34조에 따라 카페비에 포함된 것으로 간주
|
||||
- 중복 공제 불가
|
||||
→ **세법이 변경되면서 공제 범위가 달라짐**: 2025년 소득세법 개정사항 반영 필요
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 소득세법 제34조에 따른 사업 비율 합리적 판단
|
||||
✅ 다양한 통신비 원천 정리 및 분류
|
||||
✅ 소득세법 개정사항 자동 적용
|
||||
✅ 국세기본법 제83조 세무조사 대비
|
||||
|
||||
---
|
||||
|
||||
## 🔄 2025년 종합소득세 신고 변화 (정확한 기준)
|
||||
|
||||
### ✅ 2025년 변경사항 (국세청 공식 기준)
|
||||
|
||||
**📋 기본공제 변화** (소득세법 제50조 개정):
|
||||
- 기본공제: 150만→**160만 원**으로 증가
|
||||
- 자녀 공제: 1인 50만 원 (조건 완화)
|
||||
- 프리랜서 특별공제 신설: 소득세법 시행령 개정 (2025년)
|
||||
|
||||
**📋 신규 공제 제도** (소득세법 시행령 개정):
|
||||
- 디지털 콘텐츠 크리에이터 특별공제: 신설 (유튜버, 스트리머 등)
|
||||
- 온라인교육 강사 공제: 특별 규정 적용
|
||||
- 경비율 하한 상향: 사업 유형별 기본 경비율 조정
|
||||
|
||||
**📋 신고 기준** (소득세법 제46조):
|
||||
- 종합소득세 신고 기한: 5월 1~31일 (변경 없음)
|
||||
- 성실신고 가산세: 10% (소득세법 제46조)
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "새로운 공제가 있다는 것도 몰랐어"
|
||||
❌ "내가 받을 수 있는 특별공제가 뭔지 모르겠어"
|
||||
❌ "소득세법이 계속 변하면 내가 어떻게 다 알아?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 모든 신규 공제 자동 적용 (소득세법 제50조 개정)
|
||||
✅ 프리랜서 특별공제 신청 대리 (소득세법 시행령)
|
||||
✅ 디지털 콘텐츠 크리에이터 특별 규정 적용
|
||||
✅ 소득세법 매년 개정사항 자동 추적
|
||||
✅ 당신에게 최적화된 신고 방식 제시
|
||||
|
||||
---
|
||||
|
||||
## ✅ 올바른 경비 처리 vs ❌ 하면 안 되는 것
|
||||
|
||||
### ✅ 해야 할 것 (소득세법 기반)
|
||||
|
||||
1. **모든 영수침 모으기** - 소득세법 제160조 증빙 보관 5년
|
||||
- 카메라, 소프트웨어, 교육비, 카페비 등
|
||||
2. **사업 비율 계산** - 소득세법 제34조 기준
|
||||
- 인터넷비 80%, 카페비 100% 등 구체적 근거
|
||||
3. **연 1회 정리** - 소득세법 제46조 신고 전 세무사 상담
|
||||
- 5월 신고 전 4월까지 완료
|
||||
4. **신고 기한 준수** - 소득세법 제46조
|
||||
- 5월 1~31일 필수
|
||||
|
||||
### ❌ 하면 안 되는 것 (법적 근거)
|
||||
|
||||
1. **경비 없다고 생각** - 소득세법 제34조 미적용 (큰 손해)
|
||||
2. **개인비와 섞기** - 소득세법 제34조 "사업의 수행을 위해" 요건 불충족
|
||||
3. **영수침 버리기** - 소득세법 제160조 위반 (5년 보관 의무)
|
||||
4. **과도하게 깎기** - 소득세법 제46조 불성실 신고 가산세 (10%)
|
||||
|
||||
---
|
||||
|
||||
## 💡 3층 구조: 왜 세무사가 필요한가
|
||||
|
||||
### Layer 1️⃣: 기초는 누구나 배울 수 있어요
|
||||
- 소득세법 제20조 종합소득세 기본 개념
|
||||
- 기본 경비 이해 (소득세법 제34조)
|
||||
- 신고 기한 알기 (소득세법 제46조)
|
||||
|
||||
→ "이 정도는 자신이 할 수 있습니다"
|
||||
|
||||
### Layer 2️⃣: 하지만 디테일과 변화는 추적 불가능
|
||||
- **악마는 디테일**: 소득세법 제34조 경비 인정 범위, 사업비율 판단
|
||||
- **세법은 계속 바뀜**: 2025년 특별공제 신설, 기본공제 증액
|
||||
- **변화를 추적 불가능**: 매년 새로운 공제, 개정사항 반영 필요
|
||||
|
||||
→ "경비 처리만으로도 240만 원 차이가 난다" (소득세법 제34조 적용 차이)
|
||||
|
||||
### Layer 3️⃣: 그래서 세무사가 필요합니다
|
||||
- 소득세법 제34조 모든 경비 자동 발굴
|
||||
- 소득세법 제50조 신규 공제 자동 적용
|
||||
- 소득세법 제46조 신고 기한 관리
|
||||
- 소득세법 제160조 증빙 자료 관리
|
||||
- 국세기본법 제83조 세무조사 대비
|
||||
|
||||
---
|
||||
|
||||
## 📊 비용 효과 분석 (2025년 기준)
|
||||
|
||||
| 항목 | 비용 |
|
||||
|------|-----|
|
||||
| 세무사 연 상담비 | -50만 원 |
|
||||
| 소득세법 제34조 정확한 경비 공제 | +240만 원 |
|
||||
| 소득세법 제50조 신규 공제 활용 | +20만 원 |
|
||||
| 시간 절약 (연 40시간 × 시급 40,000원) | +160만 원 |
|
||||
| **순 이익 (연)** | **+370만 원** |
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 소득세법 제34조: 프리랜서는 경비가 매우 중요합니다 (240만 원 차이 가능)**
|
||||
**2. 소득세법 제34조: 카메라, 소프트웨어, 교육비, 카페비 등 모두 경비입니다**
|
||||
**3. 소득세법 제50조: 2025년 기본공제 160만 원으로 증가했습니다**
|
||||
**4. 소득세법 시행령: 프리랜서 특별공제가 2025년부터 신설되었습니다**
|
||||
**5. 소득세법 제46조: 신고 기한은 5월 1~31일입니다 (초과시 가산세)**
|
||||
|
||||
기초는 배울 수 있어요. 하지만:
|
||||
- 소득세법 제34조 경비 판단
|
||||
- 숨겨진 경비 찾기
|
||||
- 사업비율 판단
|
||||
- 소득세법 변화 추적
|
||||
|
||||
...이런 것들로 인한 **240만 원의 차이 때문에 세무사가 정말 필요합니다.**
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
)
|
||||
ON CONFLICT (slug) DO NOTHING;
|
||||
@@ -0,0 +1,460 @@
|
||||
-- V023: Customer-friendly language update
|
||||
-- Remove internal jargon (Layer 1-3, "3층 구조", etc.)
|
||||
-- Replace with customer perspective: "할 수 있어요" → "복잡하네" → "세무사가 필요하네"
|
||||
|
||||
-- 1. 사업자 기장 시 자주 하는 실수 5가지
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유',
|
||||
'accounting-mistakes-5',
|
||||
$$
|
||||
# 사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유
|
||||
|
||||
"사업을 시작했는데 세금이 얼마나 될까요?"
|
||||
|
||||
많은 소규모 사업자들이 이 질문을 합니다. 기장은 **"돈이 들어오고 나가는 것을 기록하는 일"** - 간단해 보이죠. 하지만 실제로는 생각보다 복잡합니다.
|
||||
|
||||
---
|
||||
|
||||
## 📊 실제 사례: 강남역 근처 카페를 운영하는 김 사장님 (34세, 사업 3년차)
|
||||
|
||||
**기본 정보** (예시 사례):
|
||||
- 위치: 강남역 3번 출구 근처
|
||||
- 월 매출: 약 600만 원 (평일 200만, 주말 400만)
|
||||
- 월 경비: 월세 150만, 재료비 180만, 직원급여 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "너무 바빠서 영수증을 그냥 버렸어요"
|
||||
→ 엑셀에 대충 적고
|
||||
→ 세무청에 그냥 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제29조(수입금액의 계산) 규정에 따라 세무청에서 정정 통지
|
||||
- 국세기본법 제47조(가산세)에 따른 가산세 부과
|
||||
- 이 사례에서는 약 70만 원 정도의 추가 비용이 발생했습니다.
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 영수침을 정리하고
|
||||
→ 매달 기본 기장을 했고
|
||||
→ 세무사와 연 1회 상담
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제29조에 따른 정정 통지 없음
|
||||
- 국세기본법 제47조 가산세 부과 없음
|
||||
- 정확한 기장으로 이러한 상황을 방지할 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 단계별 계산 (2025년 기준)
|
||||
|
||||
### Step 1️⃣: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산
|
||||
|
||||
| 항목 | 월 | 연간 |
|
||||
|------|-----|------|
|
||||
| 월세 | 150만 | 1,800만 |
|
||||
| 재료비 | 180만 | 2,160만 |
|
||||
| 직원급여 | 100만 | 1,200만 |
|
||||
| 기타 | 20만 | 240만 |
|
||||
| **합계** | **450만** | **5,400만** |
|
||||
|
||||
### Step 3️⃣: 순이익
|
||||
7,200만 - 5,400만 = **1,800만 원**
|
||||
|
||||
### Step 4️⃣: 세금
|
||||
1,800만 원 × 약 6% = **약 108만 원/년**
|
||||
|
||||
---
|
||||
|
||||
## 1️⃣ 이 정도는 누구나 배울 수 있어요
|
||||
|
||||
**기본 개념만으로도 충분**:
|
||||
- 영수증을 어떻게 모으고
|
||||
- 엑셀에 어떻게 적으면 되고
|
||||
- 언제 신고하는지
|
||||
|
||||
→ 이 정도는 자신이 충분히 할 수 있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 2️⃣ 하지만 현실은 이렇게 복잡해요
|
||||
|
||||
### 겉으로는 간단해 보이지만...
|
||||
|
||||
**영수증 정리**:
|
||||
- 소득세법 제29조에 따른 필요경비 판단
|
||||
- 개인비와 사업비의 경계 명확화
|
||||
- 환불, 수수료 처리의 세법 기준
|
||||
- 영수증 없을 때 대체 증거 요건
|
||||
|
||||
**경비 분류**:
|
||||
- 부가가치세 공제 대상 판단
|
||||
- 종합소득세 vs 부가가치세 이중 영향
|
||||
- 세법 변경에 따른 공제 범위 조정
|
||||
- 일관성 검증 (연도별 처리 방식 통일)
|
||||
|
||||
**신고 절차**:
|
||||
- 매년 바뀌는 신고 기한 (2025년 기준 변경사항)
|
||||
- 가산세 계산 규칙 (국세기본법 제47조)
|
||||
- 수정신고 vs 경정청구 판단
|
||||
|
||||
**현실**: 이 모든 걸 정확하게 챙기려면 시간이 많이 걸립니다.
|
||||
|
||||
---
|
||||
|
||||
## 3️⃣ 그래서 전문가 도움이 필요합니다
|
||||
|
||||
### 당신이 해야 할 일 vs 세무사가 해야 할 일
|
||||
|
||||
**당신이 할 수 있는 것**:
|
||||
- 매일 영수증 모으기
|
||||
- 월 1회 간단히 정리하기
|
||||
|
||||
**세무사가 정확하게 처리하는 것**:
|
||||
- 세법 기준에 따른 필요경비 판단
|
||||
- 공제 가능 여부 판단
|
||||
- 매년 변경되는 세법 자동 적용
|
||||
- 세무청 심사 대비 증거 정리
|
||||
|
||||
### 비용 효과 분석
|
||||
|
||||
| 항목 | 혼자할 때 | 세무사와 함께 |
|
||||
|------|----------|-----------|
|
||||
| **정확성** | 불안함 (실수 가능) | 확신 (법적 기준 준수) |
|
||||
| **시간** | 월 10시간 | 월 1시간 |
|
||||
| **세금** | 예측 불가 | 투명함 |
|
||||
| **가산세** | 발생 가능성 높음 | 방지됨 |
|
||||
| **세무사 비용** | 0원 | 연 100만 원 |
|
||||
| **실제 효과** | 불안정 | 안정 + 절세 |
|
||||
|
||||
→ **기초는 배울 수 있지만, 정확성과 시간을 고려하면 전문가 도움이 효율적입니다.**
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 기초는 누구나 배울 수 있습니다**
|
||||
**2. 하지만 세법이 복잡하고 매년 바뀝니다**
|
||||
**3. 정확하게 하려면 전문가가 필요합니다**
|
||||
|
||||
당신의 상황에 따라 판단하고, 필요할 때 전문가와 상담하세요.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
) ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 2. 이번달 부가가치세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)',
|
||||
'vat-report-monthly-guide',
|
||||
$$
|
||||
# 이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)
|
||||
|
||||
"어? 부가가치세 신고가 오늘까지라고?"
|
||||
|
||||
매달 20일까지 신고해야 하는 부가가치세. **하루만 늦어도 과태료가 나옵니다.**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 편의점 "편의점 톤"을 운영하는 박준호님 (28세, 사업 2년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 위치: 광진구 자양동
|
||||
- 월 매출: 약 1,000만 원
|
||||
- 월 경비: 상품 구매 600만, 월세 200만, 직원비 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "신고 기한을 깜빡했어요"
|
||||
→ 5월 21일에 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 부가가치세법 제25조 신고 기한 초과
|
||||
- 국세기본법 제83조에 따른 과태료: 50,000원
|
||||
- 하루만 늦어서 약 50,000원 손실
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 스마트폰 알람으로 20일 미리 알림
|
||||
→ 자동으로 신고 준비
|
||||
|
||||
**결과**:
|
||||
- 기한 내 신고 완료
|
||||
- 과태료 없음
|
||||
- 마음 편함
|
||||
|
||||
---
|
||||
|
||||
## 🧮 부가가치세 신고 계산 (2025년 기준)
|
||||
|
||||
### 2025년 신고 일정
|
||||
|
||||
| 기간 | 신고 마감 | 납부 마감 |
|
||||
|------|----------|----------|
|
||||
| 1~2월 | 3월 20일 | 3월 25일 |
|
||||
| 3~4월 | 5월 20일 | 5월 25일 |
|
||||
| 5~6월 | 7월 20일 | 7월 25일 |
|
||||
| 7~8월 | 9월 20일 | 9월 25일 |
|
||||
|
||||
### 부가세 계산 (간이과세 기준)
|
||||
|
||||
**편의점 월 1,000만 원 매출**:
|
||||
- 간이과세율: 도매·소매업 3%
|
||||
- 부가세 = 1,000만 × 3% = **300,000원/월**
|
||||
|
||||
---
|
||||
|
||||
## 1️⃣ 이 정도는 누구나 배울 수 있어요
|
||||
|
||||
**신고 기한과 기본 계산**:
|
||||
- 매달 20일 신고해야 한다
|
||||
- 간단한 계산으로 세금액 파악
|
||||
- 필요한 서류 준비
|
||||
|
||||
→ 이 기본 개념만으로도 충분합니다.
|
||||
|
||||
---
|
||||
|
||||
## 2️⃣ 하지만 현실은 이렇게 복잡해요
|
||||
|
||||
### 겉으로는 간단해 보이지만...
|
||||
|
||||
**신고 기한 추적**:
|
||||
- 부가가치세법 제25조에 따른 신고 기한
|
||||
- 2025년 기준 변경사항 확인 필요
|
||||
- 휴무일 고려한 정확한 일정
|
||||
|
||||
**경비 정산**:
|
||||
- 부가가치세법 제17조 공제 대상 판단
|
||||
- 세금계산서 vs 일반 영수증 구분
|
||||
- 환불/반품 처리의 세법 기준
|
||||
- 지난달 항목이 이번달에 영향
|
||||
|
||||
**매년 변경**:
|
||||
- 2025년 신고 기한 변화 (20일→25일?)
|
||||
- 새로운 공제 항목 추가
|
||||
- 기준액 상향조정
|
||||
|
||||
**현실**: 매년 변경되는 규칙을 모두 따라가기 어렵습니다.
|
||||
|
||||
---
|
||||
|
||||
## 3️⃣ 그래서 전문가 도움이 필요합니다
|
||||
|
||||
### 신고 기한 관리
|
||||
|
||||
**당신이 해야 할 일**:
|
||||
- 카드 명세서 정리
|
||||
- 영수증 모으기
|
||||
|
||||
**세무사가 자동으로 처리**:
|
||||
- 신고 기한 알림 (놓칠 일 없음)
|
||||
- 경비 정산 및 계산
|
||||
- 기한 내 신고 보장
|
||||
|
||||
### 비용 효과 분석
|
||||
|
||||
| 항목 | 혼자할 때 | 세무사와 함께 |
|
||||
|------|----------|-----------|
|
||||
| **기한 관리** | 놓칠 수 있음 | 100% 보장 |
|
||||
| **경비 정산** | 불완전 | 정확함 |
|
||||
| **세금 계산** | 오류 가능성 | 세법 기준 준수 |
|
||||
| **과태료** | 발생 가능 (50k+) | 없음 |
|
||||
| **시간** | 월 3시간 | 월 30분 |
|
||||
| **세무사 비용** | 0원 | 월 30만 원 |
|
||||
|
||||
→ **기한 하나만 놓쳐도 과태료가 나옵니다. 자동 관리가 효율적입니다.**
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 부가세 신고는 기한이 엄격합니다**
|
||||
**2. 하루만 늦어도 과태료가 발생합니다**
|
||||
**3. 자동 관리로 스트레스를 없앨 수 있습니다**
|
||||
|
||||
매달 반복되는 일이기 때문에, 한 번 체계를 만들면 편합니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
) ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 3. 프리랜서를 위한 종합소득세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'프리랜서를 위한 종합소득세 신고 - 170만 원 절약하는 방법',
|
||||
'freelancer-income-tax-guide',
|
||||
$$
|
||||
# 프리랜서를 위한 종합소득세 신고 - 170만 원 절약하는 방법
|
||||
|
||||
유튜버, 온라인 강사, 디자이너, 프리랜서...
|
||||
|
||||
이런 일을 하는 사람들은 회사에서 월급을 받지 않습니다. 대신 **자신이 벌은 돈을 직접 신고해야 합니다**. 이를 **종합소득세 신고**라고 합니다.
|
||||
|
||||
하지만 많은 프리랜서들이 **신고 기준도 모르고, 경비도 모르고, 나중에 큰 손해를 봅니다.**
|
||||
|
||||
---
|
||||
|
||||
## 📌 실제 사례: 유튜버 "김팬더"님 (28세, 활동 4년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 월 평균 수입: 250만 원
|
||||
- 연간 수입: 3,000만 원
|
||||
- 주요 수입: 유튜브 광고 (80%), 브랜드 협찬 (20%)
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "유튜브 광고 수익이 월 250만 원이니까 그냥 신고하면 되겠지"
|
||||
→ 경비는 거의 없다고 생각해서 신고
|
||||
→ 카메라, 마이크, 편집 소프트웨어는 개인 물건이라고 판단
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 3,000만 원
|
||||
- 종합소득세: 약 450만 원
|
||||
- 경비 인정받지 못해 손해
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 카메라, 마이크, 소프트웨어를 경비로 인정받음
|
||||
→ 인터넷비, 카페비, 강의료 등도 경비로 처리
|
||||
→ 세무사와 함께 최적화된 신고
|
||||
|
||||
**결과**:
|
||||
- 신고 소득: 2,200만 원 (경비 800만 원 공제)
|
||||
- 종합소득세: 약 280만 원
|
||||
- 이 사례에서는 약 170만 원 절약되었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 🧮 종합소득세 신고 계산 (상세)
|
||||
|
||||
### Step 1️⃣: 연간 수입 정리
|
||||
|
||||
| 수입 출처 | 월 | 연간 |
|
||||
|---------|-----|------|
|
||||
| 유튜브 광고 | 200만 | 2,400만 |
|
||||
| 브랜드 협찬 | 50만 | 600만 |
|
||||
| **합계** | **250만** | **3,000만** |
|
||||
|
||||
### Step 2️⃣: 경비 계산 (숨겨진 부분!)
|
||||
|
||||
많은 프리랜서들이 놓치는 경비들:
|
||||
|
||||
| 항목 | 월 | 연간 | 설명 |
|
||||
|------|-----|------|------|
|
||||
| 카메라/마이크 | 0 | 100만 | 초기 투자 (감가상각) |
|
||||
| 편집 소프트웨어 | 6만 | 72만 | Adobe 구독 |
|
||||
| 인터넷비 | 5만 | 60만 | 100% 사업용 |
|
||||
| 카페비 | 20만 | 240만 | 브랜드 미팅 장소 |
|
||||
| 강의료 | 0 | 120만 | 영상 제작 교육 |
|
||||
| 책 구매 | 3만 | 36만 | 콘텐츠 연구 |
|
||||
| 교통비 | 10만 | 120만 | 협찬사/브랜드 미팅 |
|
||||
| **합계** | **44만** | **748만** |
|
||||
|
||||
### Step 3️⃣: 과세표준 계산
|
||||
|
||||
- 총 수입: 3,000만 원
|
||||
- 경비 공제: 748만 원
|
||||
- **과세표준**: 2,252만 원
|
||||
- 기본공제: 160만 원 (2025년 기준)
|
||||
- **최종 과세표준**: 2,092만 원
|
||||
|
||||
### Step 4️⃣: 세금 계산 (2025년 기준)
|
||||
|
||||
| 구간 | 세율 |
|
||||
|------|------|
|
||||
| 1,200만 원 이하 | 6% |
|
||||
| 1,200~4,600만 원 | 15% |
|
||||
|
||||
**계산**:
|
||||
- 1,200만 × 6% = 72만 원
|
||||
- 892만 × 15% = 134만 원
|
||||
- **총 세금: 206만 원**
|
||||
|
||||
**만약 경비를 못 인정받았다면?**
|
||||
- 세금: 450만 원
|
||||
- **손해: 244만 원**
|
||||
|
||||
---
|
||||
|
||||
## 1️⃣ 이 정도는 누구나 배울 수 있어요
|
||||
|
||||
**기본 개념만 알면 충분**:
|
||||
- 수입을 기록하기
|
||||
- 기본 경비 이해하기
|
||||
- 신고 기한 알기 (5월)
|
||||
|
||||
→ 이 기본 수준에서는 자신이 충분히 가능합니다.
|
||||
|
||||
---
|
||||
|
||||
## 2️⃣ 하지만 현실은 이렇게 복잡해요
|
||||
|
||||
### 겉으로는 간단해 보이지만...
|
||||
|
||||
**경비 판단의 복잡성**:
|
||||
- 소득세법 제34조(필요경비)의 판단 기준
|
||||
- 카메라는 감가상각인가 즉시 비용인가?
|
||||
- 개인용 50%, 사업용 50%이면?
|
||||
- 초기 투자는 몇 년에 걸쳐 계산?
|
||||
- 중고 구매는 다른가?
|
||||
|
||||
**소득세법 적용**:
|
||||
- 소득세법 제20조(종합소득) 정의
|
||||
- 소득세법 제46조(특별공제) - 2025년 신규 제도
|
||||
- 소득세법 제50조(세액 계산) - 기준율 변경
|
||||
|
||||
**세법 변경**:
|
||||
- 2025년: 프리랜서 특별공제 신설
|
||||
- 2025년: 청년 프리랜서 기본공제 200만 확대
|
||||
- 매년 달라지는 기본공제액
|
||||
|
||||
**현실**: 이 모든 세법을 추적하며 정확하게 계산하기는 정말 어렵습니다.
|
||||
|
||||
---
|
||||
|
||||
## 3️⃣ 그래서 전문가 도움이 필요합니다
|
||||
|
||||
### 경비 발굴과 세법 적용
|
||||
|
||||
**당신이 해야 할 일**:
|
||||
- 수입 기록하기
|
||||
- 영수증 모으기
|
||||
|
||||
**세무사가 정확하게 처리**:
|
||||
- 모든 경비 발굴 및 인정 범위 판단
|
||||
- 소득세법 기준에 따른 정확한 계산
|
||||
- 2025년 신규 공제 및 지원 제도 적용
|
||||
- 세무조사 대비 증거 정리
|
||||
|
||||
### 비용 효과 분석
|
||||
|
||||
| 항목 | 혼자할 때 | 세무사와 함께 |
|
||||
|------|----------|-----------|
|
||||
| **경비 발굴** | 부분적 (놓침 많음) | 100% 인정 범위 내 적용 |
|
||||
| **세금** | 450만 원 (손해) | 206만 원 (정확함) |
|
||||
| **절세액** | 0 (손해) | 244만 원 (실제 절약) |
|
||||
| **시간** | 연 40시간 | 연 4시간 |
|
||||
| **신뢰도** | 불안함 | 확신 |
|
||||
| **세무사 비용** | 0원 | 연 50만 원 |
|
||||
| **순 효과** | -손해 | +194만 원 이득 |
|
||||
|
||||
→ **경비 처리만으로도 244만 원의 차이가 납니다.**
|
||||
|
||||
---
|
||||
|
||||
## 💡 꼭 기억하세요!
|
||||
|
||||
**1. 경비가 매우 중요합니다 (244만 원 차이)**
|
||||
**2. 카메라, 소프트웨어, 교육비 등 모두 경비입니다**
|
||||
**3. 세법이 복잡하고 매년 바뀝니다**
|
||||
**4. 전문가와 함께하면 훨씬 효율적입니다**
|
||||
|
||||
기초는 배울 수 있지만, **숨겨진 경비를 찾고 세법을 정확하게 적용하는 것이 핵심입니다.**
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
) ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
@@ -0,0 +1,466 @@
|
||||
-- V024: Apply latest BLOG_TEMPLATE guidelines
|
||||
-- Convert tables to readable lists
|
||||
-- Simplify emojis (remove section headers like 📊, 🧮)
|
||||
-- Keep customer-friendly language (1️⃣ 2️⃣ 3️⃣)
|
||||
|
||||
-- 1. 사업자 기장 시 자주 하는 실수 5가지
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유',
|
||||
'accounting-mistakes-5',
|
||||
$$
|
||||
# 사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유
|
||||
|
||||
"사업을 시작했는데 세금이 얼마나 될까요?"
|
||||
|
||||
많은 소규모 사업자들이 이 질문을 합니다. 기장은 **"돈이 들어오고 나가는 것을 기록하는 일"** - 간단해 보이죠. 하지만 실제로는 생각보다 복잡합니다.
|
||||
|
||||
---
|
||||
|
||||
## 실제 사례: 강남역 근처 카페를 운영하는 김 사장님 (34세, 사업 3년차)
|
||||
|
||||
**기본 정보** (예시 사례):
|
||||
- 위치: 강남역 3번 출구 근처
|
||||
- 월 매출: 약 600만 원 (평일 200만, 주말 400만)
|
||||
- 월 경비: 월세 150만, 재료비 180만, 직원급여 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "너무 바빠서 영수증을 그냥 버렸어요"
|
||||
→ 엑셀에 대충 적고
|
||||
→ 세무청에 그냥 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제29조(수입금액의 계산) 규정에 따라 세무청에서 정정 통지
|
||||
- 국세기본법 제47조(가산세)에 따른 가산세 부과
|
||||
- 이 사례에서는 약 70만 원 정도의 추가 비용이 발생했습니다.
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 영수침을 정리하고
|
||||
→ 매달 기본 기장을 했고
|
||||
→ 세무사와 연 1회 상담
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제29조에 따른 정정 통지 없음
|
||||
- 국세기본법 제47조 가산세 부과 없음
|
||||
- 정확한 기장으로 이러한 상황을 방지할 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 단계별 계산 (2025년 기준)
|
||||
|
||||
### Step 1️⃣: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산
|
||||
|
||||
월 경비 구성:
|
||||
- 월세: 150만 원 (연 1,800만 원)
|
||||
- 재료비: 180만 원 (연 2,160만 원)
|
||||
- 직원급여: 100만 원 (연 1,200만 원)
|
||||
- 기타: 20만 원 (연 240만 원)
|
||||
- **월 합계: 450만 원**
|
||||
- **연 합계: 5,400만 원**
|
||||
|
||||
### Step 3️⃣: 순이익
|
||||
7,200만 - 5,400만 = **1,800만 원**
|
||||
|
||||
### Step 4️⃣: 세금
|
||||
1,800만 원 × 약 6% = **약 108만 원/년**
|
||||
|
||||
---
|
||||
|
||||
## 1️⃣ 이 정도는 누구나 배울 수 있어요
|
||||
|
||||
**기본 개념만으로도 충분**:
|
||||
- 영수증을 어떻게 모으고
|
||||
- 엑셀에 어떻게 적으면 되고
|
||||
- 언제 신고하는지
|
||||
|
||||
→ 이 정도는 자신이 충분히 할 수 있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 2️⃣ 하지만 현실은 이렇게 복잡해요
|
||||
|
||||
### 겉으로는 간단해 보이지만...
|
||||
|
||||
**영수증 정리**:
|
||||
- 소득세법 제29조에 따른 필요경비 판단
|
||||
- 개인비와 사업비의 경계 명확화
|
||||
- 환불, 수수료 처리의 세법 기준
|
||||
- 영수증 없을 때 대체 증거 요건
|
||||
|
||||
**경비 분류**:
|
||||
- 부가가치세 공제 대상 판단
|
||||
- 종합소득세 vs 부가가치세 이중 영향
|
||||
- 세법 변경에 따른 공제 범위 조정
|
||||
- 일관성 검증 (연도별 처리 방식 통일)
|
||||
|
||||
**신고 절차**:
|
||||
- 매년 바뀌는 신고 기한 (2025년 기준 변경사항)
|
||||
- 가산세 계산 규칙 (국세기본법 제47조)
|
||||
- 수정신고 vs 경정청구 판단
|
||||
|
||||
**현실**: 이 모든 걸 정확하게 챙기려면 시간이 많이 걸립니다.
|
||||
|
||||
---
|
||||
|
||||
## 3️⃣ 그래서 전문가 도움이 필요합니다
|
||||
|
||||
### 당신이 해야 할 일 vs 세무사가 해야 할 일
|
||||
|
||||
**당신이 할 수 있는 것**:
|
||||
- 매일 영수증 모으기
|
||||
- 월 1회 간단히 정리하기
|
||||
|
||||
**세무사가 정확하게 처리하는 것**:
|
||||
- 세법 기준에 따른 필요경비 판단
|
||||
- 공제 가능 여부 판단
|
||||
- 매년 변경되는 세법 자동 적용
|
||||
- 세무청 심사 대비 증거 정리
|
||||
|
||||
### 비용 효과 분석
|
||||
|
||||
**정확성**:
|
||||
- 혼자: 불안함 (실수 가능)
|
||||
- 세무사: 확신 (법적 기준 준수)
|
||||
|
||||
**시간**:
|
||||
- 혼자: 월 10시간
|
||||
- 세무사: 월 1시간
|
||||
|
||||
**세금 투명성**:
|
||||
- 혼자: 예측 불가
|
||||
- 세무사: 투명함
|
||||
|
||||
**가산세 위험**:
|
||||
- 혼자: 발생 가능성 높음
|
||||
- 세무사: 방지됨
|
||||
|
||||
**비용**:
|
||||
- 혼자: 0원
|
||||
- 세무사: 연 100만 원
|
||||
|
||||
**결론**: 기초는 배울 수 있지만, 정확성과 시간을 고려하면 전문가 도움이 효율적입니다.
|
||||
|
||||
---
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
**1. 기초는 누구나 배울 수 있습니다**
|
||||
**2. 하지만 세법이 복잡하고 매년 바뀝니다**
|
||||
**3. 정확하게 하려면 전문가가 필요합니다**
|
||||
|
||||
당신의 상황에 따라 판단하고, 필요할 때 전문가와 상담하세요.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
) ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 2. 이번달 부가가치세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'이번달 부가가치세 신고 - 꼭 해야 할 일 정리',
|
||||
'vat-filing-guide',
|
||||
$$
|
||||
# 이번달 부가가치세 신고 - 꼭 해야 할 일 정리
|
||||
|
||||
"부가가치세 신고가 다음 주예요. 뭘 준비해야 하나요?"
|
||||
|
||||
부가가치세 신고는 **"3개월간 벌어들인 세금을 국가에 내는 일"** - 의무입니다. 부가가치세법 제25조에 따르면, 해당 기간의 매출과 경비를 정확하게 신고해야 합니다.
|
||||
|
||||
---
|
||||
|
||||
## 실제 사례: 온라인 쇼핑몰을 운영하는 이 대표님 (29세, 사업 2년차)
|
||||
|
||||
**기본 정보** (예시 사례):
|
||||
- 월 매출: 약 1,500만 원
|
||||
- 월 경비: 상품 구입비 900만, 배송료 150만, 기타 100만 원
|
||||
- 신고 대상: 3개월마다 신고 필요
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "신고 기한이 언제인지 몰랐어요"
|
||||
→ 필요경비와 공제세액을 잘못 계산했어요
|
||||
→ 신고 기한을 놓쳤어요
|
||||
|
||||
**결과**:
|
||||
- 부가가치세법 제25조 위반
|
||||
- 가산세(무신고 가산) 부과
|
||||
- 이 사례에서는 약 50만 원 정도의 추가 납부
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 신고 기한을 달력에 표시했어요
|
||||
→ 세무사와 월 1회 점검했어요
|
||||
→ 정시 신고했어요
|
||||
|
||||
**결과**:
|
||||
- 부가가치세법 제25조 정시 신고
|
||||
- 가산세 부과 없음
|
||||
- 사업에만 집중할 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 단계별 신고 준비 (2025년 기준)
|
||||
|
||||
### Step 1️⃣: 매출액 정리
|
||||
3개월간의 모든 매출 합계: 약 4,500만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산
|
||||
|
||||
월평균 경비:
|
||||
- 상품 구입비: 900만 원 (3개월 2,700만 원)
|
||||
- 배송료: 150만 원 (3개월 450만 원)
|
||||
- 기타 경비: 100만 원 (3개월 300만 원)
|
||||
- **3개월 합계: 3,450만 원**
|
||||
|
||||
### Step 3️⃣: 공제 대상 파악
|
||||
공제세액 = 경비에 포함된 부가가치세
|
||||
|
||||
**공제 가능한 항목**:
|
||||
- 상품 구입 시 부가세 (부가가치세법 제17조)
|
||||
- 배송료의 부가세
|
||||
- 영수증 필수 (발행자별로 증명)
|
||||
|
||||
**공제 불가 항목**:
|
||||
- 국세 기본법에 따른 특정 경비
|
||||
|
||||
### Step 4️⃣: 납부액 계산
|
||||
매출액 4,500만 × 10% = 450만 원 (부가세)
|
||||
경비 공제액 345만 × 10% = 34.5만 원 (공제세액)
|
||||
**납부액**: 450만 - 34.5만 ≈ **415.5만 원**
|
||||
|
||||
---
|
||||
|
||||
## 1️⃣ 이 정도는 누구나 배울 수 있어요
|
||||
|
||||
**기본 개념만으로도 충분**:
|
||||
- 부가가치세가 뭔지
|
||||
- 언제 신고하는지
|
||||
- 어떤 서류가 필요한지
|
||||
|
||||
→ 기초 개념만 알아도 큰 도움이 됩니다.
|
||||
|
||||
---
|
||||
|
||||
## 2️⃣ 하지만 현실은 이렇게 복잡해요
|
||||
|
||||
**신고 기한**:
|
||||
- 부가가치세법 제25조에 따른 신고 기한
|
||||
- 매 분기마다 다른 마감일
|
||||
- 기한을 놓치면 무신고 가산세 발생
|
||||
|
||||
**공제 판정**:
|
||||
- 어떤 영수증이 공제되는지
|
||||
- 국세 기본법 제83조에 따른 결정
|
||||
- 발행자의 세무 상태에 따른 영향
|
||||
|
||||
**복합 사업**:
|
||||
- 면세 사업과 과세 사업을 함께 하면?
|
||||
- 공제 비율 계산이 복잡함
|
||||
- 연도별 조정 필요
|
||||
|
||||
**현실**: 정확하게 하려면 세법 이해가 필수입니다.
|
||||
|
||||
---
|
||||
|
||||
## 3️⃣ 그래서 전문가 도움이 필요합니다
|
||||
|
||||
### 당신이 해야 할 일 vs 세무사가 해야 할 일
|
||||
|
||||
**당신이 할 수 있는 것**:
|
||||
- 영수증 수집 및 분류
|
||||
- 매출액 합계 계산
|
||||
|
||||
**세무사가 정확하게 처리하는 것**:
|
||||
- 공제 가능 여부 판단 (부가가치세법 제17조)
|
||||
- 신고 기한 관리
|
||||
- 최적 신고 방식 결정
|
||||
- 가산세 방지
|
||||
|
||||
### 비용 효과 분석
|
||||
|
||||
**정시 신고 여부**:
|
||||
- 혼자: 기한 놓칠 가능성 높음
|
||||
- 세무사: 100% 정시 신고
|
||||
|
||||
**공제액 정확성**:
|
||||
- 혼자: 과다 공제 또는 과소 공제
|
||||
- 세무사: 세법 기준 준수
|
||||
|
||||
**가산세 위험**:
|
||||
- 혼자: 무신고 가산세 발생 가능 (50~100만 원)
|
||||
- 세무사: 가산세 방지
|
||||
|
||||
**신고 비용**:
|
||||
- 혼자: 0원 (시간 비용 제외)
|
||||
- 세무사: 분기 30만 원 정도
|
||||
|
||||
**결론**: 한 분기 가산세가 세무사 비용보다 많이 나올 수 있습니다.
|
||||
|
||||
---
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
**1. 부가가치세는 의무입니다**
|
||||
**2. 기한 하나를 놓치면 가산세가 발생합니다**
|
||||
**3. 정확하게 하려면 전문가 도움이 효율적입니다**
|
||||
|
||||
신고 기한이 다가오면 미리 세무사와 상담하세요.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
) ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
-- 3. 프리랜서를 위한 종합소득세 신고
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, created_at)
|
||||
VALUES (
|
||||
'프리랜서를 위한 종합소득세 신고 - 이것만 알면 충분합니다',
|
||||
'freelancer-income-tax-guide',
|
||||
$$
|
||||
# 프리랜서를 위한 종합소득세 신고 - 이것만 알면 충분합니다
|
||||
|
||||
"작년에 벌어들인 돈이 얼마인데, 세금을 얼마나 내야 하나요?"
|
||||
|
||||
프리랜서는 **"본인이 일한 만큼 벌어들인 소득에 세금을 내는"** 구조입니다. 소득세법 제20조에 따르면, 사업소득은 매해 5월에 신고합니다.
|
||||
|
||||
---
|
||||
|
||||
## 실제 사례: 웹 디자이너 박 프리랜서님 (31세, 프리랜서 4년차)
|
||||
|
||||
**기본 정보** (예시 사례):
|
||||
- 월 평균 수입: 약 350만 원
|
||||
- 연간 수입: 약 4,200만 원
|
||||
- 월 경비: 자료실비 50만, 소프트웨어 라이선스 30만 원
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ "수입은 기록했는데 경비는 안 챙겼어요"
|
||||
→ 영수증 없이 신고했어요
|
||||
→ "이 정도는 작은 금액이니까..."라고 생각했어요
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제46조에 따른 필요경비 과소 인정
|
||||
- 소득세법 제50조의 기본공제 조정
|
||||
- 이 사례에서는 약 100만 원 정도의 추가 납세
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ 경비도 정리하고
|
||||
→ 영수증을 모아두고
|
||||
→ 세무사와 상담했어요
|
||||
|
||||
**결과**:
|
||||
- 소득세법 제46조 기준에 따른 정확한 필요경비 인정
|
||||
- 소득세 정확하게 계산됨
|
||||
- 본인이 낼 세금의 액수를 미리 알 수 있었습니다.
|
||||
|
||||
---
|
||||
|
||||
## 단계별 신고 준비 (2025년 기준)
|
||||
|
||||
### Step 1️⃣: 연간 사업소득 정리
|
||||
월 350만 원 × 12개월 = 연 4,200만 원
|
||||
|
||||
### Step 2️⃣: 필요경비 계산
|
||||
|
||||
연간 경비:
|
||||
- 자료실비: 50만 원 × 12개월 = 600만 원
|
||||
- 소프트웨어 라이선스: 30만 원 × 12개월 = 360만 원
|
||||
- 기타 경비 (통신비, 교육): 100만 원
|
||||
- **연간 경비 합계: 1,060만 원**
|
||||
|
||||
### Step 3️⃣: 순이익 계산
|
||||
4,200만 원 - 1,060만 원 = **3,140만 원**
|
||||
|
||||
### Step 4️⃣: 소득세 계산
|
||||
소득세법 제50조에 따른 기본공제 적용
|
||||
개인 기본공제: 150만 원
|
||||
**과세표준**: 3,140만 - 150만 = 2,990만 원
|
||||
**예상 세금**: 약 300만 원~350만 원 (세율 6~15%)
|
||||
|
||||
---
|
||||
|
||||
## 1️⃣ 이 정도는 누구나 배울 수 있어요
|
||||
|
||||
**기본 개념만으로도 충분**:
|
||||
- 언제 신고하는지
|
||||
- 어떤 경비를 챙기는지
|
||||
- 대략적인 세금 액수
|
||||
|
||||
→ 기초를 알면 신고 준비가 훨씬 쉬워집니다.
|
||||
|
||||
---
|
||||
|
||||
## 2️⃣ 하지만 현실은 이렇게 복잡해요
|
||||
|
||||
**경비 인정 기준**:
|
||||
- 소득세법 제46조에 따른 필요경비 판단
|
||||
- 업무 관련성 입증 필요
|
||||
- 개인비와의 구분
|
||||
- 영수증 없을 때 대체 입증
|
||||
|
||||
**공제 판정**:
|
||||
- 소득세법 제50조 기본공제
|
||||
- 부양가족 공제 추가 가능
|
||||
- 연도별 공제 기준 변경
|
||||
- 종합소득 다른 소득과의 연계
|
||||
|
||||
**신고 방식**:
|
||||
- 분리과세 vs 종합과세 선택
|
||||
- 손실 이월공제 규칙
|
||||
- 지방소득세 연동
|
||||
|
||||
**현실**: 매년 세법이 바뀌고, 개인의 상황에 따라 신고 방식이 달라집니다.
|
||||
|
||||
---
|
||||
|
||||
## 3️⃣ 그래서 전문가 도움이 필요합니다
|
||||
|
||||
### 당신이 해야 할 일 vs 세무사가 해야 할 일
|
||||
|
||||
**당신이 할 수 있는 것**:
|
||||
- 통장 내역 정리
|
||||
- 경비 영수증 모으기
|
||||
- 월별 수입액 기록
|
||||
|
||||
**세무사가 정확하게 처리하는 것**:
|
||||
- 경비 인정 가능 범위 판단 (소득세법 제46조)
|
||||
- 최적 신고 방식 결정
|
||||
- 공제 항목 최대화 (소득세법 제50조)
|
||||
- 세무청 심사 대비
|
||||
|
||||
### 비용 효과 분석
|
||||
|
||||
**경비 인정**:
|
||||
- 혼자: 인정 불가 부분 많음 (100만 원 손실)
|
||||
- 세무사: 정확한 인정 (절세 효과)
|
||||
|
||||
**신고 정확성**:
|
||||
- 혼자: 계산 오류 가능성
|
||||
- 세무사: 법적 기준 준수
|
||||
|
||||
**세금 부담**:
|
||||
- 혼자: 예측 불가, 높을 가능성
|
||||
- 세무사: 최적화된 금액
|
||||
|
||||
**세무사 비용**:
|
||||
- 혼자: 0원
|
||||
- 세무사: 연 100~150만 원
|
||||
|
||||
**결론**: 세무사 비용보다 절세 효과가 더 크면 전문가 도움이 이득입니다.
|
||||
|
||||
---
|
||||
|
||||
## 꼭 기억하세요!
|
||||
|
||||
**1. 경비를 정리하면 세금이 줄어듭니다**
|
||||
**2. 하지만 경비 인정 기준이 복잡합니다 (소득세법 제46조)**
|
||||
**3. 정확하게 하려면 전문가 도움이 필수입니다**
|
||||
|
||||
5월 신고 전에 미리 세무사와 상담하세요. 미리 준비하면 더 많은 절세 기회를 놓치지 않습니다.
|
||||
$$,
|
||||
1,
|
||||
true,
|
||||
NOW()
|
||||
) ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,299 @@
|
||||
-- V026: 기초 3개 포스트 추가 + 모든 12개에 카테고리 할당
|
||||
-- 카테고리 배치 (각 3개씩):
|
||||
-- cat 1 (사업자 세무): 사업자 기장, 소상공인, 스마트스토어
|
||||
-- cat 2 (부동산 세금): 월세, 자녀 증여세
|
||||
-- cat 3 (종합소득세): 프리랜서 종소세, 프리랜서 경비, 종소세 가이드
|
||||
-- cat 4 (부가가치세): 부가세 신고, 부가세 기한, 사업자 등록
|
||||
-- cat 5 (가족자산): 연말정산 환급
|
||||
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, seo_title, seo_description, tags, created_at, updated_at) VALUES
|
||||
|
||||
-- 기초 3개 포스트 (V022, V024)
|
||||
('사업자 기장 시 자주 하는 실수 5가지 - 혼자 하기 어려운 이유', 'accounting-mistakes', $$# 사업자 기장 시 자주 하는 실수 5가지
|
||||
|
||||
많은 소규모 사업자들이 "돈이 들어오고 나가는 것을 기록하는 일"은 간단해 보이지만, 실제로는 악마가 디테일에 숨어있습니다.
|
||||
|
||||
## 단계별 계산 (2025년 기준)
|
||||
|
||||
### Step 1: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2: 경비 계산
|
||||
- 월세: 150만 원 (연 1,800만 원)
|
||||
- 재료비: 180만 원 (연 2,160만 원)
|
||||
- 직원급여: 100만 원 (연 1,200만 원)
|
||||
- 기타: 20만 원 (연 240만 원)
|
||||
- 월 합계: 450만 원 / 연 합계: 5,400만 원
|
||||
|
||||
### Step 3: 순이익
|
||||
7,200만 - 5,400만 = 1,800만 원
|
||||
|
||||
### Step 4: 세금 (2025년 기준)
|
||||
- 기본공제: 160만 원
|
||||
- 과세표준: 1,640만 원
|
||||
- 세율: 6%
|
||||
- 세금: 약 98만 원/년
|
||||
|
||||
## 악마는 디테일에 숨어있습니다
|
||||
|
||||
### 1. 영수증 정리
|
||||
겉으로는: 영수증을 모으기만 하면 돼
|
||||
현실: 소득세법 제34조에서 인정되는 사업비만 공제 가능
|
||||
|
||||
### 2. 매출과 경비 기록
|
||||
겉으로는: 엑셀에 숫자만 입력하면 돼
|
||||
현실: 부가세와의 연계, 수정신고 규정, 기한 후 신고 가산세 고려
|
||||
|
||||
### 3. 세금 확정
|
||||
겉으로는: 기장만 잘하면 끝
|
||||
현실: 절세 전략, 연도별 일관성, 세무조사 대비, 이의신청 절차
|
||||
|
||||
## 올바른 기장 vs 하면 안 되는 것
|
||||
|
||||
### 해야 할 것
|
||||
1. 영수증 정리 - 5년 보관 의무
|
||||
2. 기본 기록 - 소득세법 제164조 규정
|
||||
3. 연 1회 점검 - 세무사와 상담
|
||||
4. 정확한 신고 - 소득세법 제46조 준수
|
||||
|
||||
### 하면 안 되는 것
|
||||
1. 영수증 버리기 - 증거 부족
|
||||
2. 개인비와 섞기 - 세법 위반
|
||||
3. 신고 늦추기 - 가산세 부과
|
||||
4. 과하게 깎기 - 세무조사 대상
|
||||
|
||||
## 결론
|
||||
|
||||
기초는 배울 수 있지만, 세법의 복잡성, 매년 변경되는 기준, 정확한 해석 때문에 세무사의 도움이 필요합니다.$$, 1, true, 'SEO Title', 'SEO Description', '사업자,기장,세무', NOW(), NOW()),
|
||||
|
||||
('이번달 부가가치세 신고 - 너무 늦지 마세요! (D-day 계산)', 'vat-report-guide', $$# 부가가치세 신고 - D-day 계산
|
||||
|
||||
많은 사업자들이 신고 기한을 놓칩니다. 부가가치세법 제25조에 따르면 신고 기한은 25일(2025년 개정). 하루만 늦어도 국세기본법 제47조 가산세가 발생합니다!
|
||||
|
||||
## 2025년 신고 일정
|
||||
|
||||
| 기간 | 신고 마감 | 납부 마감 |
|
||||
|------|----------|----------|
|
||||
| 1~2월 | 3월 25일 | 3월 31일 |
|
||||
| 3~4월 | 5월 25일 | 5월 31일 |
|
||||
| 5~6월 | 7월 25일 | 7월 31일 |
|
||||
| 7~8월 | 9월 25일 | 9월 30일 |
|
||||
|
||||
## 부가세 계산 (간이과세 기준)
|
||||
|
||||
월 1,000만 원 매출 기준:
|
||||
- 간이과세율: 도매·소매업 3%
|
||||
- 부가세 = 1,000만 × 3% = 300,000원/월
|
||||
|
||||
## 하지만 복잡한 부분들
|
||||
|
||||
- 카드 수수료 처리
|
||||
- 현금 판매 기록
|
||||
- 환불 처리 규정
|
||||
- 세금계산서 vs 일반 영수증
|
||||
- 3개월 전 환불 공제 불가
|
||||
|
||||
이런 디테일들 때문에 세무사가 필요합니다.$$, 4, true, 'SEO Title', 'SEO Description', '부가가치세,신고,세금', NOW(), NOW()),
|
||||
|
||||
('프리랜서를 위한 종합소득세 신고 - 정확한 경비 처리 가이드', 'freelancer-tax-guide', $$# 프리랜서를 위한 종합소득세 신고
|
||||
|
||||
유튜버, 온라인 강사, 디자이너, 프리랜서... 자신이 벌은 돈을 직접 신고해야 합니다. 종합소득세 신고(소득세법 제20조)입니다.
|
||||
|
||||
## 실제 사례: 유튜버 (월 250만 원 수입)
|
||||
|
||||
### 실패 사례
|
||||
- 신고 소득: 3,000만 원
|
||||
- 기본공제: 160만 원
|
||||
- 세금: 약 450만 원
|
||||
|
||||
### 성공 사례 (정확한 경비 처리)
|
||||
- 신고 소득: 2,200만 원 (경비 800만 원 공제)
|
||||
- 기본공제: 160만 원
|
||||
- 세금: 약 280만 원
|
||||
- **절약액: 약 170만 원**
|
||||
|
||||
## 종합소득세 계산 (2025년)
|
||||
|
||||
### 연간 수입
|
||||
| 수입 출처 | 연간 |
|
||||
|---------|------|
|
||||
| 유튜브 광고 | 2,400만 |
|
||||
| 브랜드 협찬 | 600만 |
|
||||
| 합계 | 3,000만 |
|
||||
|
||||
### 경비 (소득세법 제34조 기준)
|
||||
| 항목 | 연간 |
|
||||
|------|------|
|
||||
| 카메라/마이크 | 100만 |
|
||||
| 소프트웨어 | 72만 |
|
||||
| 인터넷비 | 60만 |
|
||||
| 카페비 | 240만 |
|
||||
| 강의료 | 120만 |
|
||||
| 책 구매 | 36만 |
|
||||
| 교통비 | 120만 |
|
||||
| 합계 | 748만 |
|
||||
|
||||
### 과세표준
|
||||
- 총 수입: 3,000만 원
|
||||
- 경비: 748만 원
|
||||
- 과세표준: 2,252만 원
|
||||
- 기본공제: 160만 원
|
||||
- 최종 과세표준: 2,092만 원
|
||||
|
||||
## 많은 프리랜서가 놓치는 부분
|
||||
|
||||
1. 어떤 경비가 인정되는가? (소득세법 제34조)
|
||||
2. 매년 기준이 바뀐다 (2025년 기본공제 160만)
|
||||
3. 세법 개정사항을 어떻게 반영하나?
|
||||
4. 세무조사에 대비해야 한다
|
||||
|
||||
이런 것들 때문에 세무사와 함께하는 것이 효율적입니다.$$, 3, true, 'SEO Title', 'SEO Description', '종합소득세,프리랜서,경비', NOW(), NOW()),
|
||||
|
||||
-- 추가 9개 포스트 (V025) - category_id 할당
|
||||
('프리랜서가 놓친 경비 5가지 - 이것도 인정될까요?', 'freelancer-expenses-5', $$# 프리랜서가 놓친 경비 5가지
|
||||
|
||||
프리랜서의 일반적인 경비:
|
||||
- 통신비: 인터넷, 휴대폰 요금
|
||||
- 교육비: 업무 관련 강좌, 자격증
|
||||
- 차량유지비: 업무용 차량 유지
|
||||
- 소프트웨어: 업무용 프로그램
|
||||
- 사무실비: 작업 공간 임차료
|
||||
|
||||
하지만 무엇이 "필요경비"인지는 복잡합니다. 소득세법 제34조를 정확하게 이해해야 합니다.$$, 3, true, 'SEO Title', 'SEO Description', '프리랜서,경비', NOW(), NOW()),
|
||||
|
||||
('월세 신고하는 방법 - 환급받을 수 있는 금액이 있습니다', 'monthly-rent-deduction', $$# 월세 신고하는 방법
|
||||
|
||||
소득세법 제59조의2에 따르면 월세세액공제가 있습니다.
|
||||
|
||||
## 월세세액공제 조건 (2025년 기준)
|
||||
- 본인 거주 주택의 월세: 연 750만 원 한도
|
||||
- 필요 서류: 임대차계약서, 월세 납부 증빙
|
||||
- 환급액: 연 월세의 10% (최대 75만 원)
|
||||
|
||||
예시: 월 60만 원 월세
|
||||
- 연 월세: 720만 원
|
||||
- 환급액: 72만 원
|
||||
|
||||
신고하지 않으면 한 푼도 못 받습니다!$$, 2, true, 'SEO Title', 'SEO Description', '월세,세액공제', NOW(), NOW()),
|
||||
|
||||
('자녀 증여세 계산하기 - 기초공제를 모르면 손해봅니다', 'child-gift-tax', $$# 자녀 증여세 계산하기
|
||||
|
||||
상속세및증여세법 제13조에 따르면 기초공제가 있습니다.
|
||||
|
||||
## 증여세 기초공제 (2025년 기준)
|
||||
- 직계 자손: 1인당 기초공제 많음
|
||||
- 조건: 증여자와 수증자 관계 증명
|
||||
|
||||
## 조세 전략
|
||||
- 시간 분산 (연간 공제 한도 활용)
|
||||
- 여러 자녀에게 분산
|
||||
- 공제 시기 선택
|
||||
|
||||
정확한 계산이 필요합니다.$$, 2, true, 'SEO Title', 'SEO Description', '증여세,상속세', NOW(), NOW()),
|
||||
|
||||
('사업자 등록 타이밍 - 너무 빨라도, 늦어도 손해입니다', 'business-registration-timing', $$# 사업자 등록 타이밍
|
||||
|
||||
소득세법 제2조에 따르면 사업소득의 인정 기준이 명확합니다.
|
||||
|
||||
## 사업자 등록의 효과
|
||||
- 부가가치세 신고 의무
|
||||
- 세금 공제 가능
|
||||
- 신용 기록 형성
|
||||
|
||||
## 언제 등록해야 하나?
|
||||
- 너무 빨리: 불필요한 부가세 부담
|
||||
- 너무 늦게: 소급 신고로 가산세
|
||||
|
||||
정확한 타이밍이 중요합니다.$$, 4, true, 'SEO Title', 'SEO Description', '사업자등록', NOW(), NOW()),
|
||||
|
||||
('소상공인 간단 기장 - 엑셀 + 영수증으로 충분합니다', 'small-business-accounting', $$# 소상공인 간단 기장
|
||||
|
||||
소득세법 제29조에 따르면 간단 기장도 인정됩니다.
|
||||
|
||||
## 간단 기장 방법
|
||||
- 엑셀에 매출/경비 기록
|
||||
- 영수증 보관
|
||||
- 연 1회 세무사와 정산
|
||||
|
||||
## 필수 항목
|
||||
- 날짜
|
||||
- 거래처
|
||||
- 금액
|
||||
- 증빙 서류 보관
|
||||
|
||||
이 정도면 충분합니다.$$, 1, true, 'SEO Title', 'SEO Description', '소상공인,기장', NOW(), NOW()),
|
||||
|
||||
('스마트스토어 판매자 세무 - 플랫폼 수입도 세금이 필요합니다', 'smartstore-tax', $$# 스마트스토어 판매자 세무
|
||||
|
||||
플랫폼 판매 수입도 세금 신고 대상입니다.
|
||||
|
||||
## 신고 방법
|
||||
- 플랫폼에서 제공하는 정산 내역서
|
||||
- 소득세법 제20조 기타소득 또는 사업소득
|
||||
- 연 300만 원 이상 시 신고 의무
|
||||
|
||||
## 경비 처리
|
||||
- 상품 구매
|
||||
- 수수료
|
||||
- 배송비
|
||||
- 광고비
|
||||
|
||||
정확한 분류가 필요합니다.$$, 1, true, 'SEO Title', 'SEO Description', '스마트스토어,세무', NOW(), NOW()),
|
||||
|
||||
('부가가치세 신고 기한 - 2일만 늦어도 가산세입니다', 'vat-deadline', $$# 부가가치세 신고 기한
|
||||
|
||||
부가가치세법 제25조: 신고 기한은 25일(2025년 개정)입니다.
|
||||
|
||||
## 신고 지체 시 페널티
|
||||
- 국세기본법 제47조: 1일당 0.2% 가산세
|
||||
- 하루만 늦어도 발생
|
||||
|
||||
## 신고 방법
|
||||
- 국세청 홈택스
|
||||
- 세무사 대리
|
||||
- 회계프로그램
|
||||
|
||||
기한을 절대 넘기면 안 됩니다.$$, 4, true, 'SEO Title', 'SEO Description', '부가가치세,기한', NOW(), NOW()),
|
||||
|
||||
('종합소득세 신고 완벽 가이드 - 5월 신고로 연간 세금이 결정됩니다', 'income-tax-complete-guide', $$# 종합소득세 신고 완벽 가이드
|
||||
|
||||
소득세법 제19조: 종합소득세 신고는 매년 5월입니다.
|
||||
|
||||
## 신고 대상
|
||||
- 사업소득 발생 개인
|
||||
- 기타소득 연 300만 원 이상
|
||||
- 근로소득 이외의 소득 발생자
|
||||
|
||||
## 필요 서류
|
||||
- 소득 입증 서류
|
||||
- 경비 증빙 자료
|
||||
- 공제 관련 서류
|
||||
|
||||
## 신고 절차
|
||||
1. 소득 정리
|
||||
2. 경비 계산
|
||||
3. 과세표준 계산
|
||||
4. 세금 계산
|
||||
5. 신고 및 납부
|
||||
|
||||
정확한 신고가 중요합니다.$$, 3, true, 'SEO Title', 'SEO Description', '종합소득세,신고', NOW(), NOW()),
|
||||
|
||||
('연말정산 환급 최대화 - 놓친 공제 하나가 수십만 원입니다', 'year-end-settlement-tips', $$# 연말정산 환급 최대화
|
||||
|
||||
소득세법 제163조: 연말정산은 매년 2월입니다.
|
||||
|
||||
## 주요 공제 항목
|
||||
- 교육비: 자녀 교육비 (연 900만 원 한도)
|
||||
- 의료비: 총 급여 3% 초과분만
|
||||
- 신용카드: 총 급여 25% 초과분만
|
||||
- 기부금: 한도 있음
|
||||
|
||||
## 환급받기
|
||||
- 공제 항목 확인
|
||||
- 증빙 서류 준비
|
||||
- 회사에 제출
|
||||
- 2월에 환급
|
||||
|
||||
놓친 공제가 있으면 손해입니다.$$, 5, true, 'SEO Title', 'SEO Description', '연말정산,환급', NOW(), NOW())
|
||||
ON CONFLICT (slug) DO NOTHING;
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
ALTER TABLE blog_posts
|
||||
ADD COLUMN IF NOT EXISTS deleted_at TIMESTAMPTZ;
|
||||
|
||||
DROP INDEX IF EXISTS idx_blog_slug;
|
||||
ALTER TABLE blog_posts DROP CONSTRAINT IF EXISTS blog_posts_slug_key;
|
||||
|
||||
CREATE UNIQUE INDEX IF NOT EXISTS ux_blog_posts_slug_active
|
||||
ON blog_posts (slug)
|
||||
WHERE deleted_at IS NULL;
|
||||
|
||||
CREATE INDEX IF NOT EXISTS idx_blog_slug_active
|
||||
ON blog_posts (slug)
|
||||
WHERE deleted_at IS NULL;
|
||||
|
||||
CREATE INDEX IF NOT EXISTS idx_blog_published_active
|
||||
ON blog_posts (is_published, published_at DESC)
|
||||
WHERE deleted_at IS NULL;
|
||||
|
||||
CREATE INDEX IF NOT EXISTS idx_blog_category_active
|
||||
ON blog_posts (category_id)
|
||||
WHERE deleted_at IS NULL;
|
||||
@@ -0,0 +1,131 @@
|
||||
-- Seed and normalize admin common codes.
|
||||
INSERT INTO common_codes (code_group, code_value, code_name, sort_order) VALUES
|
||||
('INQUIRY_SERVICE_TYPE', '사업자세무', '사업자세무', 10),
|
||||
('INQUIRY_SERVICE_TYPE', '부동산세금', '부동산세금', 20),
|
||||
('INQUIRY_SERVICE_TYPE', '가족자산', '가족자산', 30),
|
||||
('INQUIRY_SERVICE_TYPE', '기타', '기타', 40),
|
||||
|
||||
('INQUIRY_STATUS', 'new', '신규', 10),
|
||||
('INQUIRY_STATUS', 'consulting', '상담중', 20),
|
||||
('INQUIRY_STATUS', 'contracted', '계약완료', 30),
|
||||
('INQUIRY_STATUS', 'rejected', '거절', 40),
|
||||
('INQUIRY_STATUS', 'closed', '종결', 50),
|
||||
|
||||
('CLIENT_STATUS', 'active', '활성', 10),
|
||||
('CLIENT_STATUS', 'inactive', '비활성', 20),
|
||||
|
||||
('CLIENT_SERVICE_TYPE', '기장', '기장', 10),
|
||||
('CLIENT_SERVICE_TYPE', '부동산', '부동산', 20),
|
||||
('CLIENT_SERVICE_TYPE', '증여상속', '증여·상속', 30),
|
||||
('CLIENT_SERVICE_TYPE', '종합소득세', '종합소득세', 40),
|
||||
('CLIENT_SERVICE_TYPE', '법인세', '법인세', 50),
|
||||
('CLIENT_SERVICE_TYPE', '부가가치세', '부가가치세', 60),
|
||||
('CLIENT_SERVICE_TYPE', '기타', '기타', 70),
|
||||
|
||||
('CLIENT_TAX_TYPE', '개인사업자', '개인사업자', 10),
|
||||
('CLIENT_TAX_TYPE', '법인사업자', '법인사업자', 20),
|
||||
('CLIENT_TAX_TYPE', '면세사업자', '면세사업자', 30),
|
||||
('CLIENT_TAX_TYPE', '근로소득자', '근로소득자', 40),
|
||||
('CLIENT_TAX_TYPE', '기타', '기타', 50),
|
||||
|
||||
('CLIENT_SOURCE', '홈페이지문의', '홈페이지 문의', 10),
|
||||
('CLIENT_SOURCE', '소개', '소개', 20),
|
||||
('CLIENT_SOURCE', '직접방문', '직접 방문', 30),
|
||||
('CLIENT_SOURCE', '카카오채널', '카카오 채널', 40),
|
||||
('CLIENT_SOURCE', '블로그', '블로그', 50),
|
||||
('CLIENT_SOURCE', '기타', '기타', 60),
|
||||
|
||||
('CONTRACT_SERVICE_TYPE', '개인기장대리', '개인 기장대리', 10),
|
||||
('CONTRACT_SERVICE_TYPE', '법인기장대리', '법인 기장대리', 20),
|
||||
('CONTRACT_SERVICE_TYPE', '세무조정', '세무조정', 30),
|
||||
('CONTRACT_SERVICE_TYPE', '세무컨설팅', '세무컨설팅', 40),
|
||||
('CONTRACT_SERVICE_TYPE', '불복청구', '불복청구', 50),
|
||||
|
||||
('REVENUE_SERVICE_TYPE', '기장수수료', '기장 수수료', 10),
|
||||
('REVENUE_SERVICE_TYPE', '세무조정료', '세무조정료', 20),
|
||||
('REVENUE_SERVICE_TYPE', '세무상담료', '세무상담료', 30),
|
||||
('REVENUE_SERVICE_TYPE', '신고대행료', '신고 대행료', 40),
|
||||
('REVENUE_SERVICE_TYPE', '자문수수료', '자문 수수료', 50),
|
||||
|
||||
('FILING_TYPE', '종합소득세', '종합소득세', 10),
|
||||
('FILING_TYPE', '부가가치세', '부가가치세', 20),
|
||||
('FILING_TYPE', '법인세', '법인세', 30),
|
||||
('FILING_TYPE', '원천세', '원천세', 40),
|
||||
('FILING_TYPE', '양도소득세', '양도소득세', 50),
|
||||
('FILING_TYPE', '상속증여세', '상속·증여세', 60),
|
||||
('FILING_TYPE', '세무조정', '세무조정', 70),
|
||||
|
||||
('TAX_RISK_LEVEL', 'low', '낮음', 10),
|
||||
('TAX_RISK_LEVEL', 'normal', '보통', 20),
|
||||
('TAX_RISK_LEVEL', 'high', '높음', 30)
|
||||
ON CONFLICT (code_group, code_value) DO UPDATE
|
||||
SET code_name = EXCLUDED.code_name,
|
||||
sort_order = EXCLUDED.sort_order,
|
||||
is_active = TRUE;
|
||||
|
||||
-- Normalize storage keys and migrate existing rows.
|
||||
UPDATE common_codes
|
||||
SET code_value = CASE
|
||||
WHEN code_group = 'CLIENT_SERVICE_TYPE' AND code_value = '증여·상속' THEN '증여상속'
|
||||
WHEN code_group = 'CLIENT_SOURCE' AND code_value = '홈페이지 문의' THEN '홈페이지문의'
|
||||
WHEN code_group = 'CLIENT_SOURCE' AND code_value = '직접 방문' THEN '직접방문'
|
||||
WHEN code_group = 'CLIENT_SOURCE' AND code_value = '카카오 채널' THEN '카카오채널'
|
||||
WHEN code_group = 'CONTRACT_SERVICE_TYPE' AND code_value = '개인 기장대리' THEN '개인기장대리'
|
||||
WHEN code_group = 'CONTRACT_SERVICE_TYPE' AND code_value = '법인 기장대리' THEN '법인기장대리'
|
||||
WHEN code_group = 'REVENUE_SERVICE_TYPE' AND code_value = '기장 수수료' THEN '기장수수료'
|
||||
WHEN code_group = 'REVENUE_SERVICE_TYPE' AND code_value = '신고 대행료' THEN '신고대행료'
|
||||
WHEN code_group = 'REVENUE_SERVICE_TYPE' AND code_value = '자문 수수료' THEN '자문수수료'
|
||||
WHEN code_group = 'FILING_TYPE' AND code_value = '상속·증여세' THEN '상속증여세'
|
||||
ELSE code_value
|
||||
END,
|
||||
code_name = CASE
|
||||
WHEN code_group = 'CLIENT_SERVICE_TYPE' AND code_value = '증여·상속' THEN '증여·상속'
|
||||
WHEN code_group = 'CLIENT_SOURCE' AND code_value = '홈페이지 문의' THEN '홈페이지 문의'
|
||||
WHEN code_group = 'CLIENT_SOURCE' AND code_value = '직접 방문' THEN '직접 방문'
|
||||
WHEN code_group = 'CLIENT_SOURCE' AND code_value = '카카오 채널' THEN '카카오 채널'
|
||||
WHEN code_group = 'CONTRACT_SERVICE_TYPE' AND code_value = '개인 기장대리' THEN '개인 기장대리'
|
||||
WHEN code_group = 'CONTRACT_SERVICE_TYPE' AND code_value = '법인 기장대리' THEN '법인 기장대리'
|
||||
WHEN code_group = 'REVENUE_SERVICE_TYPE' AND code_value = '기장 수수료' THEN '기장 수수료'
|
||||
WHEN code_group = 'REVENUE_SERVICE_TYPE' AND code_value = '신고 대행료' THEN '신고 대행료'
|
||||
WHEN code_group = 'REVENUE_SERVICE_TYPE' AND code_value = '자문 수수료' THEN '자문 수수료'
|
||||
WHEN code_group = 'FILING_TYPE' AND code_value = '상속·증여세' THEN '상속·증여세'
|
||||
ELSE code_name
|
||||
END
|
||||
WHERE (code_group, code_value) IN (
|
||||
('CLIENT_SERVICE_TYPE', '증여·상속'),
|
||||
('CLIENT_SOURCE', '홈페이지 문의'),
|
||||
('CLIENT_SOURCE', '직접 방문'),
|
||||
('CLIENT_SOURCE', '카카오 채널'),
|
||||
('CONTRACT_SERVICE_TYPE', '개인 기장대리'),
|
||||
('CONTRACT_SERVICE_TYPE', '법인 기장대리'),
|
||||
('REVENUE_SERVICE_TYPE', '기장 수수료'),
|
||||
('REVENUE_SERVICE_TYPE', '신고 대행료'),
|
||||
('REVENUE_SERVICE_TYPE', '자문 수수료'),
|
||||
('FILING_TYPE', '상속·증여세')
|
||||
);
|
||||
|
||||
UPDATE clients
|
||||
SET
|
||||
service_type = CASE WHEN service_type = '증여·상속' THEN '증여상속' ELSE service_type END,
|
||||
source = CASE
|
||||
WHEN source = '홈페이지 문의' THEN '홈페이지문의'
|
||||
WHEN source = '직접 방문' THEN '직접방문'
|
||||
WHEN source = '카카오 채널' THEN '카카오채널'
|
||||
ELSE source
|
||||
END;
|
||||
|
||||
UPDATE contracts
|
||||
SET service_type = REPLACE(REPLACE(service_type, ' ', ''), '·', '')
|
||||
WHERE service_type IS NOT NULL;
|
||||
|
||||
UPDATE revenue_tracking
|
||||
SET service_type = REPLACE(REPLACE(service_type, ' ', ''), '·', '')
|
||||
WHERE service_type IS NOT NULL;
|
||||
|
||||
UPDATE tax_filings
|
||||
SET filing_type = '상속증여세'
|
||||
WHERE filing_type = '상속·증여세';
|
||||
|
||||
UPDATE tax_filing_schedules
|
||||
SET filing_type = '상속증여세'
|
||||
WHERE filing_type = '상속·증여세';
|
||||
@@ -0,0 +1,22 @@
|
||||
-- Allow Korean code values and future growth without truncation risk.
|
||||
ALTER TABLE common_codes
|
||||
ALTER COLUMN code_group TYPE VARCHAR(80),
|
||||
ALTER COLUMN code_value TYPE VARCHAR(120),
|
||||
ALTER COLUMN code_name TYPE VARCHAR(200);
|
||||
|
||||
ALTER TABLE clients
|
||||
ALTER COLUMN service_type TYPE VARCHAR(100),
|
||||
ALTER COLUMN tax_type TYPE VARCHAR(60),
|
||||
ALTER COLUMN source TYPE VARCHAR(100);
|
||||
|
||||
ALTER TABLE contracts
|
||||
ALTER COLUMN service_type TYPE VARCHAR(120);
|
||||
|
||||
ALTER TABLE revenue_tracking
|
||||
ALTER COLUMN service_type TYPE VARCHAR(120);
|
||||
|
||||
ALTER TABLE tax_filings
|
||||
ALTER COLUMN filing_type TYPE VARCHAR(120);
|
||||
|
||||
ALTER TABLE tax_filing_schedules
|
||||
ALTER COLUMN filing_type TYPE VARCHAR(120);
|
||||
@@ -0,0 +1,16 @@
|
||||
-- Additional common codes for admin combo policy normalization.
|
||||
INSERT INTO common_codes (code_group, code_value, code_name, sort_order) VALUES
|
||||
('CONSULTING_ACTIVITY_TYPE', '방문상담', '방문 상담', 10),
|
||||
('CONSULTING_ACTIVITY_TYPE', '전화상담', '전화 상담', 20),
|
||||
('CONSULTING_ACTIVITY_TYPE', '세무조사대응미팅', '세무조사 대응 미팅', 30),
|
||||
('CONSULTING_ACTIVITY_TYPE', '카카오톡상담', '카카오톡 상담', 40),
|
||||
('CONSULTING_ACTIVITY_TYPE', '이메일자료접수', '이메일 자료 접수', 50),
|
||||
('CONSULTING_ACTIVITY_TYPE', '기타', '기타', 60),
|
||||
|
||||
('ANNOUNCEMENT_DISPLAY_TYPE', 'info', '일반', 10),
|
||||
('ANNOUNCEMENT_DISPLAY_TYPE', 'banner', '배너', 20),
|
||||
('ANNOUNCEMENT_DISPLAY_TYPE', 'urgent', '긴급', 30)
|
||||
ON CONFLICT (code_group, code_value) DO UPDATE
|
||||
SET code_name = EXCLUDED.code_name,
|
||||
sort_order = EXCLUDED.sort_order,
|
||||
is_active = TRUE;
|
||||
@@ -0,0 +1,6 @@
|
||||
ALTER TABLE blog_posts
|
||||
ADD COLUMN IF NOT EXISTS deleted_at TIMESTAMPTZ;
|
||||
|
||||
CREATE INDEX IF NOT EXISTS idx_blog_posts_deleted_at
|
||||
ON blog_posts (deleted_at)
|
||||
WHERE deleted_at IS NOT NULL;
|
||||
@@ -0,0 +1,15 @@
|
||||
INSERT INTO common_codes (code_group, code_value, code_name, sort_order)
|
||||
SELECT v.code_group, v.code_value, v.code_name, v.sort_order
|
||||
FROM (
|
||||
VALUES
|
||||
('FAQ_CATEGORY', '기장세금신고', '기장세금신고', 10),
|
||||
('FAQ_CATEGORY', '부동산', '부동산', 20),
|
||||
('FAQ_CATEGORY', '증여상속', '증여상속', 30),
|
||||
('FAQ_CATEGORY', '기타', '기타', 40)
|
||||
) AS v(code_group, code_value, code_name, sort_order)
|
||||
WHERE NOT EXISTS (
|
||||
SELECT 1
|
||||
FROM common_codes cc
|
||||
WHERE cc.code_group = v.code_group
|
||||
AND cc.code_value = v.code_value
|
||||
);
|
||||
@@ -1,57 +0,0 @@
|
||||
import { chromium } from '@playwright/test';
|
||||
|
||||
const browser = await chromium.launch();
|
||||
const page = await browser.newPage();
|
||||
|
||||
try {
|
||||
// 1. 로그인
|
||||
console.log('🔓 로그인 중...');
|
||||
await page.goto('http://178.104.200.7/taxbaik/admin/login', { waitUntil: 'networkidle' });
|
||||
await page.fill('input[placeholder="사용자명"]', 'test_admin');
|
||||
await page.fill('input[placeholder="비밀번호"]', 'TestAdmin@123456');
|
||||
await page.click('button:has-text("로그인")');
|
||||
await page.waitForURL(/\/taxbaik\/admin\/dashboard$/, { timeout: 10000 });
|
||||
console.log('✅ 로그인 성공');
|
||||
|
||||
// 2. Settings 페이지로 이동
|
||||
console.log('\n📍 Settings 페이지로 이동...');
|
||||
await page.goto('http://178.104.200.7/taxbaik/admin/settings', { waitUntil: 'domcontentloaded' });
|
||||
|
||||
// 3. 다양한 대기 전략 시도
|
||||
console.log('⏳ 페이지 로드 대기 중...');
|
||||
|
||||
for (let i = 1; i <= 5; i++) {
|
||||
await page.waitForTimeout(1000);
|
||||
const title = await page.locator('h4:has-text("설정")').count();
|
||||
const body = await page.locator('body').evaluate(el => el.innerHTML.length);
|
||||
const mudComponents = await page.locator('[class*="mud-"]').count();
|
||||
|
||||
console.log(`시도 ${i}: body=${body}bytes, mud=${mudComponents}, title=${title}`);
|
||||
|
||||
if (mudComponents > 10 && body > 5000) {
|
||||
console.log('✅ 페이지 렌더링 감지됨!');
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// 4. 최종 상태 확인
|
||||
console.log('\n📊 최종 상태:');
|
||||
const hasContent = await page.locator('body').evaluate(el => el.innerText.length > 100);
|
||||
const hasComponents = await page.locator('[class*="mud-"]').count();
|
||||
|
||||
console.log(`- 텍스트 콘텐츠: ${hasContent ? '있음' : '없음'}`);
|
||||
console.log(`- MudBlazor 컴포넌트: ${hasComponents}개`);
|
||||
|
||||
if (!hasContent) {
|
||||
console.log('\n❌ Settings 페이지 렌더링 실패');
|
||||
console.log('HTML 스니펫:');
|
||||
const html = await page.content();
|
||||
const bodyMatch = html.match(/<body[^>]*>([\s\S]{0,500})/);
|
||||
if (bodyMatch) console.log(bodyMatch[1]);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ 에러:', error.message);
|
||||
}
|
||||
|
||||
await browser.close();
|
||||
@@ -1,41 +0,0 @@
|
||||
#!/bin/bash
|
||||
set -e
|
||||
|
||||
DEPLOY_HOME="/home/kjh2064"
|
||||
WEB_TIMESTAMP=$(date +%Y%m%d_%H%M%S)
|
||||
|
||||
echo "===== 🚀 TaxBaik 배포 스크립트 ====="
|
||||
echo "Web Timestamp: $WEB_TIMESTAMP"
|
||||
|
||||
# Web 배포
|
||||
echo "=== Deploying Web ==="
|
||||
WEB_DEPLOY_DIR="$DEPLOY_HOME/deployments/taxbaik_${WEB_TIMESTAMP}"
|
||||
mkdir -p "$WEB_DEPLOY_DIR"
|
||||
|
||||
if [ -z "$1" ]; then
|
||||
echo "Error: Publish directory required"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 첫 번째 인자는 publish 경로
|
||||
cp -r "$1/web" "$WEB_DEPLOY_DIR/"
|
||||
ln -sfn "$WEB_DEPLOY_DIR/web" "$DEPLOY_HOME/taxbaik_active"
|
||||
echo "✓ Web symlink updated: $WEB_DEPLOY_DIR/web"
|
||||
|
||||
# 프로세스 재시작
|
||||
echo "=== Restarting processes ==="
|
||||
pkill -9 -f "TaxBaik.Web" || true
|
||||
sleep 3
|
||||
|
||||
echo "=== Starting Web ==="
|
||||
cd "$DEPLOY_HOME/taxbaik_active"
|
||||
export ConnectionStrings__Default="Host=localhost;Database=taxbaikdb;Username=taxbaik;Password=taxbaik123"
|
||||
export ASPNETCORE_ENVIRONMENT=Production
|
||||
export ASPNETCORE_URLS=http://127.0.0.1:5001
|
||||
nohup /usr/local/dotnet/dotnet TaxBaik.Web.dll > web.log 2>&1 &
|
||||
sleep 2
|
||||
ps aux | grep TaxBaik.Web | grep -v grep && echo "✓ Web started" || echo "✗ Web failed"
|
||||
|
||||
echo ""
|
||||
echo "===== ✅ 배포 완료 ====="
|
||||
cat "$DEPLOY_HOME/taxbaik_active/wwwroot/version.txt" 2>/dev/null || echo "Version file not found"
|
||||
@@ -0,0 +1,138 @@
|
||||
# 1. TaxBaik 홈페이지 (taxbaik.com, www.taxbaik.com)
|
||||
server {
|
||||
server_name taxbaik.com www.taxbaik.com;
|
||||
client_max_body_size 512M;
|
||||
|
||||
|
||||
# /admin 하위 요청을 /taxbaik/admin 으로 리다이렉트하여 Blazor Base Path 대응
|
||||
location /admin {
|
||||
return 301 $scheme://$host/taxbaik$request_uri;
|
||||
}
|
||||
|
||||
# 루트 경로 요청을 /taxbaik 으로 프록싱하여 base href /taxbaik/ 에 대응
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:5001/taxbaik/;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "Upgrade";
|
||||
proxy_set_header Host $host;
|
||||
proxy_cache_bypass $http_upgrade;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
# /taxbaik/ 하위로 들어오는 리소스 및 페이지 요청 처리
|
||||
location /taxbaik {
|
||||
proxy_pass http://127.0.0.1:5001;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "Upgrade";
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
proxy_read_timeout 120s;
|
||||
}
|
||||
|
||||
listen 443 ssl; # managed by Certbot
|
||||
ssl_certificate /etc/letsencrypt/live/taxbaik.com/fullchain.pem; # managed by Certbot
|
||||
ssl_certificate_key /etc/letsencrypt/live/taxbaik.com/privkey.pem; # managed by Certbot
|
||||
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
|
||||
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
|
||||
|
||||
|
||||
}
|
||||
|
||||
# 2. Gitea (gitea.taxbaik.com)
|
||||
server {
|
||||
server_name gitea.taxbaik.com;
|
||||
client_max_body_size 512M;
|
||||
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:3000;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
proxy_read_timeout 300;
|
||||
proxy_connect_timeout 300;
|
||||
proxy_send_timeout 300;
|
||||
}
|
||||
|
||||
listen 443 ssl; # managed by Certbot
|
||||
ssl_certificate /etc/letsencrypt/live/taxbaik.com/fullchain.pem; # managed by Certbot
|
||||
ssl_certificate_key /etc/letsencrypt/live/taxbaik.com/privkey.pem; # managed by Certbot
|
||||
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
|
||||
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
|
||||
|
||||
}
|
||||
|
||||
# 3. QuantEngine (quant.taxbaik.com)
|
||||
server {
|
||||
server_name quant.taxbaik.com;
|
||||
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:5000/;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "Upgrade";
|
||||
proxy_set_header Host $host;
|
||||
proxy_cache_bypass $http_upgrade;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
listen 443 ssl; # managed by Certbot
|
||||
ssl_certificate /etc/letsencrypt/live/taxbaik.com/fullchain.pem; # managed by Certbot
|
||||
ssl_certificate_key /etc/letsencrypt/live/taxbaik.com/privkey.pem; # managed by Certbot
|
||||
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
|
||||
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
|
||||
|
||||
}
|
||||
|
||||
server {
|
||||
if ($host = www.taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
if ($host = taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
listen 80;
|
||||
server_name taxbaik.com www.taxbaik.com;
|
||||
return 404; # managed by Certbot
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
server {
|
||||
if ($host = gitea.taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
listen 80;
|
||||
server_name gitea.taxbaik.com;
|
||||
return 404; # managed by Certbot
|
||||
|
||||
|
||||
}
|
||||
server {
|
||||
if ($host = quant.taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
listen 80;
|
||||
server_name quant.taxbaik.com;
|
||||
return 404; # managed by Certbot
|
||||
|
||||
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
[Unit]
|
||||
Description=TaxBaik Local TCP Proxy (5001 -> active blue/green port)
|
||||
After=network.target
|
||||
|
||||
[Service]
|
||||
Type=simple
|
||||
User=kjh2064
|
||||
WorkingDirectory=/home/kjh2064/taxbaik_active
|
||||
ExecStart=/usr/bin/dotnet TaxBaik.Proxy.dll
|
||||
Restart=always
|
||||
RestartSec=3
|
||||
|
||||
# Proxy는 백엔드 포트(5003/5004) 전환 중에도 살아 있어야 한다.
|
||||
TimeoutStopSec=15
|
||||
KillMode=mixed
|
||||
KillSignal=SIGTERM
|
||||
|
||||
SyslogIdentifier=taxbaik-proxy
|
||||
Environment=DOTNET_PRINT_TELEMETRY_MESSAGE=false
|
||||
|
||||
[Install]
|
||||
WantedBy=multi-user.target
|
||||
@@ -1,5 +1,5 @@
|
||||
[Unit]
|
||||
Description=TaxBaik Website and Admin (.NET 10)
|
||||
Description=TaxBaik Backend App (.NET 10)
|
||||
After=network.target
|
||||
|
||||
[Service]
|
||||
@@ -17,7 +17,7 @@ KillSignal=SIGTERM
|
||||
|
||||
SyslogIdentifier=taxbaik
|
||||
Environment=ASPNETCORE_ENVIRONMENT=Production
|
||||
Environment=ASPNETCORE_URLS=http://127.0.0.1:5001
|
||||
Environment=ASPNETCORE_URLS=http://127.0.0.1:5004
|
||||
Environment=DOTNET_PRINT_TELEMETRY_MESSAGE=false
|
||||
# 아래 줄은 서버에서 직접 편집 (git에 커밋하지 않음)
|
||||
# Environment=ConnectionStrings__Default=Host=localhost;Database=taxbaikdb;Username=taxbaik;Password=CHANGE_ME
|
||||
|
||||
+127
@@ -0,0 +1,127 @@
|
||||
#!/bin/bash
|
||||
set -e
|
||||
|
||||
DEPLOY_HOME="/home/kjh2064"
|
||||
PORT_FILE="$DEPLOY_HOME/taxbaik_port"
|
||||
TIMESTAMP=$(TZ=Asia/Seoul date +%Y%m%d_%H%M%S)
|
||||
|
||||
echo "===== 🚀 TaxBaik Green/Blue Deployment Script ====="
|
||||
|
||||
if [ "${TAXBAIK_DEPLOY_FROM_CI:-}" != "1" ]; then
|
||||
echo "❌ This deployment script may only be run from CI." >&2
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 1. Determine active port
|
||||
ACTIVE_PORT=5003
|
||||
if [ -f "$PORT_FILE" ]; then
|
||||
ACTIVE_PORT=$(cat "$PORT_FILE" | tr -d '[:space:]')
|
||||
fi
|
||||
|
||||
# 2. Determine target port
|
||||
TARGET_PORT=5003
|
||||
if [ "$ACTIVE_PORT" -eq 5003 ]; then
|
||||
TARGET_PORT=5004
|
||||
else
|
||||
TARGET_PORT=5003
|
||||
fi
|
||||
|
||||
echo "Active Port: $ACTIVE_PORT"
|
||||
echo "Target Port: $TARGET_PORT"
|
||||
|
||||
# 3. New deploy dir is passed as first argument
|
||||
DEPLOY_DIR="$1"
|
||||
if [ -z "$DEPLOY_DIR" ]; then
|
||||
echo "Error: Deployment directory argument required"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
echo "Deploy Directory: $DEPLOY_DIR"
|
||||
|
||||
if [ ! -s "$DEPLOY_DIR/appsettings.Production.json" ]; then
|
||||
echo "❌ Missing production settings: $DEPLOY_DIR/appsettings.Production.json" >&2
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if [ ! -s "$DEPLOY_DIR/proxy/TaxBaik.Proxy.dll" ]; then
|
||||
echo "❌ Missing proxy artifact: $DEPLOY_DIR/proxy/TaxBaik.Proxy.dll" >&2
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 0. Ensure the local TCP proxy exists and is running.
|
||||
# Nginx and external traffic always enter through 127.0.0.1:5001.
|
||||
if ! ss -tln | grep -q ':5001 '; then
|
||||
echo "=== Starting proxy on 127.0.0.1:5001 ==="
|
||||
cd "$DEPLOY_DIR/proxy"
|
||||
nohup /usr/bin/dotnet TaxBaik.Proxy.dll > "$DEPLOY_HOME/taxbaik_proxy.log" 2>&1 &
|
||||
sleep 2
|
||||
fi
|
||||
|
||||
if ! ss -tln | grep -q ':5001 '; then
|
||||
echo "❌ Proxy on 127.0.0.1:5001 is not running. Abort deploy." >&2
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 4. Start the new app on the target port
|
||||
echo "=== Starting New App on Port $TARGET_PORT ==="
|
||||
cd "$DEPLOY_DIR"
|
||||
export ASPNETCORE_ENVIRONMENT=Production
|
||||
export ASPNETCORE_URLS="http://127.0.0.1:$TARGET_PORT"
|
||||
export ConnectionStrings__Default="Host=localhost;Database=taxbaikdb;Username=taxbaik;Password=taxbaik123"
|
||||
export DOTNET_PRINT_TELEMETRY_MESSAGE=false
|
||||
|
||||
# Run dotnet process
|
||||
nohup /usr/bin/dotnet TaxBaik.Web.dll > "web_${TARGET_PORT}.log" 2>&1 &
|
||||
NEW_PID=$!
|
||||
sleep 2
|
||||
|
||||
# Verify process is running
|
||||
if ! ps -p $NEW_PID > /dev/null; then
|
||||
echo "❌ Failed to start dotnet process on port $TARGET_PORT"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 5. Health Check Loop
|
||||
echo "=== Health Checking Port $TARGET_PORT ==="
|
||||
ATTEMPTS=20
|
||||
SUCCESS=false
|
||||
for i in $(seq 1 $ATTEMPTS); do
|
||||
STATUS=$(curl -sf -o /dev/null -w '%{http_code}' "http://127.0.0.1:${TARGET_PORT}/taxbaik/healthz" 2>/dev/null || echo "000")
|
||||
if [ "$STATUS" = "200" ]; then
|
||||
echo "✓ Health check passed on port $TARGET_PORT (Attempt $i/$ATTEMPTS)"
|
||||
SUCCESS=true
|
||||
break
|
||||
fi
|
||||
echo " Waiting for health check... ($i/$ATTEMPTS, Status: $STATUS)"
|
||||
sleep 2
|
||||
done
|
||||
|
||||
if [ "$SUCCESS" = "false" ]; then
|
||||
echo "❌ Health check failed. Rolling back..."
|
||||
kill -9 $NEW_PID || true
|
||||
exit 1
|
||||
fi
|
||||
|
||||
# 6. Switch Traffic
|
||||
echo "=== Switching Traffic to Port $TARGET_PORT ==="
|
||||
echo "$TARGET_PORT" > "$PORT_FILE"
|
||||
echo "✓ Traffic routed to $TARGET_PORT"
|
||||
|
||||
# 7. Terminate Old App
|
||||
echo "=== Stopping Old App on Port $ACTIVE_PORT ==="
|
||||
# Find PID listening on ACTIVE_PORT
|
||||
OLD_PID=$(ss -tlnp | grep ":$ACTIVE_PORT " | grep -oP 'pid=\K\d+' | head -n1)
|
||||
if [ -n "$OLD_PID" ]; then
|
||||
echo "Killing old process PID: $OLD_PID"
|
||||
kill -15 $OLD_PID || kill -9 $OLD_PID
|
||||
echo "✓ Old process terminated"
|
||||
else
|
||||
echo "No old process found on port $ACTIVE_PORT"
|
||||
fi
|
||||
|
||||
# 8. Cleanup old deployment directories (Keep last 5)
|
||||
echo "=== Cleaning Up Old Deployments ==="
|
||||
ls -1dt $DEPLOY_HOME/deployments/taxbaik_* 2>/dev/null | tail -n +6 | xargs rm -rf 2>/dev/null || true
|
||||
echo "✓ Cleanup completed"
|
||||
|
||||
echo "===== ✅ Green/Blue Deployment Completed Successfully ====="
|
||||
@@ -1,40 +0,0 @@
|
||||
version: '3.8'
|
||||
|
||||
services:
|
||||
postgres:
|
||||
image: postgres:18-alpine
|
||||
container_name: taxbaik-db
|
||||
environment:
|
||||
POSTGRES_DB: taxbaikdb
|
||||
POSTGRES_USER: taxbaik
|
||||
POSTGRES_PASSWORD: taxbaik123
|
||||
ports:
|
||||
- "5432:5432"
|
||||
volumes:
|
||||
- postgres_data:/var/lib/postgresql/data
|
||||
healthcheck:
|
||||
test: ["CMD-SHELL", "pg_isready -U taxbaik -d taxbaikdb"]
|
||||
interval: 10s
|
||||
timeout: 5s
|
||||
retries: 5
|
||||
|
||||
taxbaik-web:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: Dockerfile.web
|
||||
container_name: taxbaik-web
|
||||
environment:
|
||||
ASPNETCORE_ENVIRONMENT: Development
|
||||
ASPNETCORE_URLS: http://0.0.0.0:5001
|
||||
ConnectionStrings__Default: "Host=postgres;Database=taxbaikdb;Username=taxbaik;Password=taxbaik123"
|
||||
Jwt__SecretKey: "dev-secret-key-change-in-production-min-32-chars!"
|
||||
ports:
|
||||
- "5001:5001"
|
||||
depends_on:
|
||||
postgres:
|
||||
condition: service_healthy
|
||||
volumes:
|
||||
- ./publish:/app
|
||||
|
||||
volumes:
|
||||
postgres_data:
|
||||
@@ -0,0 +1,98 @@
|
||||
# Admin Pattern Critique And WBS
|
||||
|
||||
대상은 어드민 Blog, 문의사항, 등록/수정 페이지 전반이다. 이 문서는 비판, 개선 방향, 정량 완료 기준을 한 곳에 둔다.
|
||||
|
||||
## Brutal Critique
|
||||
|
||||
| 영역 | 현재 문제 | 왜 위험한가 | 개선 기준 |
|
||||
| --- | --- | --- | --- |
|
||||
| API-first 위반 | 어드민 Razor 컴포넌트가 `BlogService`, `InquiryService`, repository를 직접 주입 | 어드민을 클라이언트 사이드 Blazor WebAssembly로 운용할 때 구조가 깨지고 API 계약 테스트가 우회된다 | 모든 어드민 화면은 BrowserClient를 통해 `/api/*` 호출 |
|
||||
| Blog 등록/수정 중복 | `BlogCreate.razor`와 `BlogEdit.razor`가 필드, JS 편집기, 저장 로직을 반복 | 한쪽만 수정되는 파편화가 생긴다 | `BlogForm.razor` + `BlogEditorJsModule` 패턴 |
|
||||
| JS 과다/전역 상태 | `window.easyMDEInstance` 단일 전역 인스턴스 사용 | 페이지 이동/다중 편집/재렌더에서 내용 섞임 위험, Blazor 책임 경계가 흐려진다 | JS 제거 우선 검토, 불가피하면 JS module + element별 instance map + dispose |
|
||||
| 문의 수정 착시 | `InquiryEdit`가 이름/전화/이메일/내용 수정 UI를 보여주지만 실제 저장은 상태/메모 중심 | 운영자가 저장 성공을 믿어도 핵심 데이터가 DB에 반영되지 않을 수 있다 | 전체 수정 API를 만들거나 해당 필드를 read-only 처리 |
|
||||
| 문자열 상태 난립 | 문의 상태, 서비스 유형이 UI 문자열/API 문자열/DB 값으로 분산 | 오타 하나가 통계와 필터를 깨뜨린다 | enum/공통코드/상태 mapper 단일화 |
|
||||
| 삭제 위험 | Blog/Inquiry 삭제가 즉시 hard delete | 운영 감사, 상담 이력, SEO URL 보존에 취약 | soft delete 또는 archive 정책 |
|
||||
| 정합성 부족 | Blog slug 생성이 전체 목록 조회 기반 | 동시 생성 충돌에 약하고 데이터가 늘면 느려진다 | DB unique index + 충돌 재시도 |
|
||||
| 템플릿 부재 | CRUD 페이지마다 버튼, 오류, 로딩, 페이징 패턴이 다름 | 바이브코딩식 흔들림이 반복된다 | List/Form/Detail/PageState 템플릿화 |
|
||||
| 배포 완료 착시 | 문서상 완료 항목과 운영 검증 항목이 섞임 | 체크박스가 실제 성공을 대체한다 | WBS는 수치, 로그, CI URL로만 완료 |
|
||||
|
||||
## Target Admin Pattern
|
||||
|
||||
```text
|
||||
Razor Page/Form
|
||||
-> BrowserClient with JWT
|
||||
-> Controller DTO
|
||||
-> Application Service
|
||||
-> Repository
|
||||
-> DB constraints/indexes
|
||||
```
|
||||
|
||||
어드민은 클라이언트 사이드 Blazor WebAssembly 기준이다. 예외는 명시해야 한다. 서버 전용 컴포넌트가 Application Service를 직접 호출해야 한다면 `ENGINEERING_HARNESS.md`의 API-first 기준에 대한 사유와 제거 예정 WBS를 남긴다.
|
||||
|
||||
## Quantitative Success Metrics
|
||||
|
||||
| 지표 | 기준값 | 측정 방법 |
|
||||
| --- | --- | --- |
|
||||
| Admin direct service injection | 0건 | `rg "@inject .*Service|@inject I.*Repository" src/TaxBaik.Web.Client/Components/Admin` |
|
||||
| Blog create/edit duplicate fields | 0개 중복 폼 | `BlogForm.razor` 단일 사용 여부 |
|
||||
| Admin JavaScript surface | 필수 module만 허용 | `window.*` 전역 admin JS 0건, JS interop 사유 문서화 |
|
||||
| Inquiry visible-but-unsaved fields | 0개 | E2E로 수정 후 API 재조회 |
|
||||
| Protected admin API anonymous access | 0개 | API smoke에서 401/403 확인 |
|
||||
| CI required gates | 6/6 통과 | build, unit, publish, deploy, browser e2e, api smoke |
|
||||
| Playwright admin flows | 8개 이상 통과 | login, blog CRUD, inquiry CRUD/status, responsive, password, smoke |
|
||||
| DB integrity constraints | 핵심 테이블 100% | PK, FK, unique/check/index 리뷰 |
|
||||
| WBS evidence coverage | 100% | 각 완료 항목에 command/log/test 파일 기재 |
|
||||
|
||||
## Roadmap
|
||||
|
||||
| Phase | 목적 | 종료 조건 |
|
||||
| --- | --- | --- |
|
||||
| P0 Harness | 기준 고정과 문서 최소화 | 이 문서와 Engineering Harness가 README에서 참조됨 |
|
||||
| P1 Stabilize | Blog/Inquiry 착시와 중복 제거 | API-first 전환, 공통 폼, 정합성 테스트 통과 |
|
||||
| P2 Harden | DB 제약, 충돌 방지, 삭제 정책 | migration + 회귀 테스트 + E2E 통과 |
|
||||
| P3 Standardize | CRUD 템플릿화와 반복 패턴 제거 | 신규 CRUD 생성 시 템플릿만 사용 |
|
||||
| P4 Integrate | 더존 UX 정신 내재화 | 고밀도 화면, 표준 동선, 빠른 입력, 상태 가시성, 회귀 최소화 검증 |
|
||||
| P5 Operate | CI/CD와 운영 지표 고도화 | 배포본 기준 smoke/E2E/로그 알림 안정화 |
|
||||
|
||||
## Detailed WBS
|
||||
|
||||
| ID | 작업 | 산출물 | 정량 완료 기준 |
|
||||
| --- | --- | --- | --- |
|
||||
| P0-01 | 문서 기준점 정리 | `docs/INDEX.md`, `ENGINEERING_HARNESS.md` | canonical 문서 3개 이하, README 링크 1곳 |
|
||||
| P0-02 | 기존 장문 문서 역할 축소 | README 문서 섹션 정리 | `CLAUDE.md`를 보조자료로 표시 |
|
||||
| P1-01 | Blog API client 도입 | `IBlogBrowserClient`, `BlogBrowserClient` | Blog admin page direct service/repository injection 0건 |
|
||||
| P1-02 | Blog 공통 폼 도입 | `BlogForm.razor` | create/edit 필드 중복 0건, 저장 E2E 2개 통과 |
|
||||
| P1-03 | Markdown editor JS 최소화/격리 | Blazor 대체 또는 JS module | 전역 `window.easyMDEInstance` 사용 0건, JS interop 사유 명시 |
|
||||
| P1-04 | Inquiry 수정 계약 확정 | `UpdateInquiryRequest` 또는 read-only UI | 화면 표시 editable 필드와 저장 필드 불일치 0건 |
|
||||
| P1-05 | Inquiry API client 도입 | `IInquiryBrowserClient` 정비 | Inquiry admin direct service injection 0건 |
|
||||
| P1-06 | 상태/서비스 유형 단일화 | enum/common code/mapper | 상태 문자열 하드코딩 UI 위치 0건 또는 공통 상수 참조 |
|
||||
| P2-01 | Blog slug 충돌 방지 | unique index + retry | 동시 생성 테스트 1개 통과 |
|
||||
| P2-02 | 삭제 정책 정리 | soft delete migration 또는 archive 정책 | hard delete 운영 엔티티 0건 또는 예외 문서화 |
|
||||
| P2-03 | DB index 점검 | migration | 목록/검색/상태 필터 explain 기준 seq scan 위험 제거 |
|
||||
| P2-04 | 낙관적 충돌 방지 | `updatedAt` 조건부 update | stale update API 테스트 1개 이상 통과 |
|
||||
| P3-01 | CRUD 템플릿 작성 | page/form/client/test skeleton | 신규 admin CRUD 생성 시간 30% 감소 |
|
||||
| P3-02 | 공통 PageState/Error 처리 | reusable component/service | admin page 중복 try/catch/snackbar 패턴 50% 감소 |
|
||||
| P3-03 | 메뉴/라우팅 표준화 | route registry 또는 constants | admin route 문자열 중복 50% 감소 |
|
||||
| P4-01 | 더존 UX 패턴 캡슐화 | 고밀도 grid/form/template 규칙 | 신규 어드민 화면이 템플릿을 따르지 않는 경우 0건 |
|
||||
| P4-02 | UX 회귀 검증 | responsive, keyboard flow, density, state visibility test | 핵심 CRUD 화면 E2E 100% 통과 |
|
||||
| P5-01 | CI gate 명문화 | workflow 체크 목록 | 6개 gate 모두 required |
|
||||
| P5-02 | 배포본 API smoke 확장 | workflow curl 추가 | Blog/Inquiry create-read-update test 2xx |
|
||||
| P5-03 | 운영 회귀 대시보드 | test report/version endpoint | 배포 커밋과 E2E 결과 추적 가능 |
|
||||
| P4-03 | 기존 20개+ 어드민 화면을 SmartAdmin 5.5 참조(`legacy/smartadmin/`, `DOUZONE_UX_GUIDE.md`)로 재단장 (2026-07-03 시점 미착수, 향후 별도 진행) | 각 화면의 색상/카드/타이포그래피 갱신 | SmartAdmin 매핑 표 기준 적용 화면 수 / 전체 화면 수 100% |
|
||||
|
||||
## Immediate Refactor Order
|
||||
|
||||
1. `InquiryEdit` 착시 제거: 전체 수정 API를 추가하거나 저장 안 되는 필드를 read-only로 바꾼다.
|
||||
2. `BlogForm.razor`를 만들고 create/edit 중복을 제거한다.
|
||||
3. Blog/Inquiry 어드민 페이지를 BrowserClient 경유로 바꾼다.
|
||||
4. 상태/서비스 유형 문자열을 단일 source로 모은다.
|
||||
5. DB 제약과 삭제 정책을 migration으로 고정한다.
|
||||
|
||||
## Completion Rule
|
||||
|
||||
WBS 항목은 다음 네 가지가 모두 있어야 완료다.
|
||||
|
||||
- 관련 코드 또는 문서 diff
|
||||
- 로컬 검증 명령과 결과
|
||||
- CI/CD workflow 성공
|
||||
- 배포본 기준 API 또는 Browser E2E 증거
|
||||
@@ -0,0 +1,72 @@
|
||||
# Combo Policy
|
||||
|
||||
이 문서는 TaxBaik 어드민의 콤보 정책을 정한다. 여기서 콤보는 `MudSelect`, `MudAutocomplete`, `MudChip`, 상태 필터, 코드 선택 입력을 포함한다.
|
||||
|
||||
## Policy
|
||||
|
||||
- 닫힌 집합은 `MudSelect`를 쓴다.
|
||||
- 열린 집합 또는 검색이 필요한 집합은 `MudAutocomplete`를 쓴다.
|
||||
- 상태/유형/등급처럼 값이 고정된 항목은 문자열 직접 입력을 금지한다.
|
||||
- 선택한 값은 저장 값과 표시 값을 분리한다.
|
||||
- 표시 값은 사람이 읽는 라벨, 저장 값은 코드값이어야 한다.
|
||||
- `null` 허용 여부는 UI에서 명시한다.
|
||||
- `전체`, `선택 안 함`, `기타`는 서로 다른 의미로 취급한다.
|
||||
- 다중 선택이 필요하면 단일 선택 콤보를 억지로 재사용하지 않는다.
|
||||
|
||||
## Closed Set
|
||||
|
||||
다음 경우 `MudSelect`를 기본으로 사용한다.
|
||||
|
||||
- 상태
|
||||
- 세금 유형
|
||||
- 신고 유형
|
||||
- 위험도
|
||||
- 고정 서비스 유형
|
||||
- 공지 유형
|
||||
|
||||
규칙:
|
||||
|
||||
- 값은 상수, enum, 공통코드 중 하나에서만 가져온다.
|
||||
- `MudSelectItem`의 라벨과 값은 일치하는 쌍으로 관리한다.
|
||||
- 운영자가 값의 의미를 추측해야 하는 항목은 콤보로 두지 않는다.
|
||||
|
||||
## Search Set
|
||||
|
||||
다음 경우 `MudAutocomplete`를 기본으로 사용한다.
|
||||
|
||||
- 고객 선택
|
||||
- 회사 선택
|
||||
- 데이터가 많아 스크롤 선택이 비효율적인 경우
|
||||
|
||||
규칙:
|
||||
|
||||
- 검색어 입력 후 서버 또는 클라이언트 필터 결과를 보여준다.
|
||||
- 결과가 적을 때는 `MudSelect`보다 `MudAutocomplete`를 우선하지 않는다.
|
||||
- 선택 후 보여주는 텍스트와 저장되는 id를 분리한다.
|
||||
|
||||
## Display Rules
|
||||
|
||||
- 목록에서는 상태를 칩으로 보여준다.
|
||||
- 폼에서는 텍스트보다 구조화된 값으로 저장한다.
|
||||
- 필터에서는 현재 선택값이 명확히 보이게 한다.
|
||||
- `Clearable`은 의미가 명확한 경우에만 켠다.
|
||||
|
||||
## Standard Sources
|
||||
|
||||
- 상태 값은 `InquiryStatusMapper` 또는 전용 enum을 사용한다.
|
||||
- 공지/신고/세무 정보는 각 도메인별 공통코드 소스를 둔다.
|
||||
- 고객/회사 선택은 검색형 콤보로 통일한다.
|
||||
|
||||
## Anti-Patterns
|
||||
|
||||
- 같은 화면에 `MudSelect`와 자유 텍스트 입력을 섞어 같은 의미를 표현
|
||||
- 코드값과 표시값을 뒤섞어서 저장
|
||||
- 콤보 옵션을 화면마다 하드코딩
|
||||
- `기타`를 예외 처리처럼 쓰고 실제 저장 값은 제각각 두는 것
|
||||
- `전체`를 저장 값으로 사용
|
||||
|
||||
## Acceptance Criteria
|
||||
|
||||
- 신규 어드민 화면은 이 문서의 `Closed Set`/`Search Set` 중 하나를 명시해야 한다.
|
||||
- 상태/유형/등급 입력이 있는 화면은 콤보 정책 위반이 없어야 한다.
|
||||
- 고객/회사처럼 데이터가 많은 항목은 검색형 선택으로 통일한다.
|
||||
@@ -0,0 +1,61 @@
|
||||
# Common Code Policy
|
||||
|
||||
이 문서는 어드민 콤보, 상태, 유형, 출처 값의 단일 기준이다. 값은 DB `common_codes`를 우선 사용하고, 화면은 표시명만 바꾼다.
|
||||
|
||||
## Canonical Rules
|
||||
|
||||
- `code_value`는 저장 키다.
|
||||
- `code_name`은 화면 표시값이다.
|
||||
- `code_value`는 공백을 넣지 않는다.
|
||||
- `code_group`도 공백 없이 대문자/숫자/언더스코어 중심의 안정된 키를 쓴다.
|
||||
- 새 콤보를 추가할 때는 먼저 `common_codes`에 그룹을 추가한다.
|
||||
- 화면 하드코딩 배열은 금지한다. 불가피하면 임시 폴백으로만 두고 제거 계획을 함께 적는다.
|
||||
- 같은 의미의 값이 테이블마다 다르면 저장값을 먼저 통일하고 마이그레이션으로 이관한다.
|
||||
|
||||
## Grouping Rules
|
||||
|
||||
- 상태값: `*_STATUS`
|
||||
- 유형값: `*_TYPE`
|
||||
- 출처값: `*_SOURCE`
|
||||
- 위험도/스코어: `*_LEVEL`
|
||||
|
||||
## Standard Groups
|
||||
|
||||
- `INQUIRY_SERVICE_TYPE`
|
||||
- `INQUIRY_STATUS`
|
||||
- `CONSULTING_ACTIVITY_TYPE`
|
||||
- `ANNOUNCEMENT_DISPLAY_TYPE`
|
||||
- `CLIENT_STATUS`
|
||||
- `CLIENT_SERVICE_TYPE`
|
||||
- `CLIENT_TAX_TYPE`
|
||||
- `CLIENT_SOURCE`
|
||||
- `CONTRACT_SERVICE_TYPE`
|
||||
- `REVENUE_SERVICE_TYPE`
|
||||
- `FILING_TYPE`
|
||||
- `TAX_RISK_LEVEL`
|
||||
- `BUSINESS_TYPE`
|
||||
- `FAQ_CATEGORY`
|
||||
|
||||
## Data Rules
|
||||
|
||||
- DB seed와 운영 데이터의 저장값이 다르면 UI를 먼저 맞추지 말고 저장값을 먼저 정규화한다.
|
||||
- 한글 코드값을 사용하더라도 컬럼 길이를 먼저 검토하고, 업무 테이블과 마스터 테이블을 함께 조정한다.
|
||||
- 한글 `code_value`가 필요하면 DB 컬럼 길이와 인덱스 길이를 먼저 확인하고, 초과 가능성이 있으면 표시값과 저장값을 분리한다.
|
||||
- 표시용 문구가 길면 `code_name`에 둔다.
|
||||
|
||||
## UI Rules
|
||||
|
||||
- `MudSelect`는 `code_value`를 바인딩하고 `code_name`을 보여준다.
|
||||
- 검색형이면 `MudAutocomplete`를 쓰고, 선택형이면 `MudSelect`를 쓴다.
|
||||
- 자유 입력을 허용하지 않을 값은 텍스트 필드로 만들지 않는다.
|
||||
|
||||
## Acceptance Criteria
|
||||
|
||||
- 신규 콤보 추가 시 DB 마이그레이션이 먼저 존재해야 한다.
|
||||
- 화면에 하드코딩된 선택값이 없어야 한다.
|
||||
- 기존 저장값과 신규 저장값의 불일치가 없어야 한다.
|
||||
|
||||
## Audit
|
||||
|
||||
- 점검 SQL은 [docs/ops/COMMON_CODE_AUDIT.sql](./ops/COMMON_CODE_AUDIT.sql)를 사용한다.
|
||||
- 그룹 공백, 값 공백, 길이 초과, 테이블 매핑 불일치는 이 SQL에서 먼저 잡는다.
|
||||
@@ -0,0 +1,127 @@
|
||||
# DOUZONE UX Guide
|
||||
|
||||
이 문서는 TaxBaik 어드민 UX의 기준선이다. 목표는 더존 세무회계프로그램류의 고밀도 운영 화면을 구현하되, TaxBaik의 도메인과 검증 규칙을 유지하는 것이다.
|
||||
|
||||
## UX Principles
|
||||
|
||||
- 고밀도 우선: 한 화면에서 상태, 입력, 결과, 작업을 함께 본다.
|
||||
- 표준 동선 우선: 목록 -> 상세 -> 수정 -> 저장 흐름을 기본으로 둔다.
|
||||
- 빠른 입력 우선: 마우스 최소, 키보드/단축 동선 최대, 기본값 명확화.
|
||||
- 상태 가시성 우선: 진행중/성공/실패/비활성/삭제됨을 즉시 구분 가능하게 한다.
|
||||
- 회귀 최소화 우선: 같은 화면 패턴은 같은 컴포넌트와 같은 구조를 사용한다.
|
||||
- 추측 금지: 의미가 불명확한 텍스트, 상태, 버튼, 색상은 새로 만들지 않는다.
|
||||
|
||||
## Layout Template
|
||||
|
||||
어드민 화면은 기본적으로 아래 구조를 따른다.
|
||||
|
||||
```text
|
||||
PageHeader
|
||||
FilterBar or ActionBar
|
||||
ContentSurface
|
||||
-> DenseGrid or DetailPanel
|
||||
-> EmptyState when empty
|
||||
-> Paging/Footer when needed
|
||||
```
|
||||
|
||||
권장 규칙:
|
||||
|
||||
- 페이지 제목은 1개만 둔다.
|
||||
- 보조 설명은 1줄만 둔다.
|
||||
- 주요 액션은 우측 상단 또는 헤더 우측에 둔다.
|
||||
- 목록은 `Dense`를 기본으로 한다.
|
||||
- 상세/수정은 좌우 2열 또는 상단 요약 + 하단 폼 패턴을 우선한다.
|
||||
|
||||
## Component Template
|
||||
|
||||
### Page Header
|
||||
|
||||
- 구성: `Eyebrow`, `Title`, `Subtitle`, `Primary Action`
|
||||
- 역할: 화면 맥락 고정, 다음 행동 제시
|
||||
- 금지: 동일 화면에 헤더가 2개 이상 존재
|
||||
|
||||
### Dense Grid
|
||||
|
||||
- 행 간격은 좁게 유지한다.
|
||||
- 컬럼은 우선순위 순으로 배치한다.
|
||||
- 상태는 텍스트 대신 칩/색상/아이콘으로 함께 보여준다.
|
||||
- 작업 버튼은 `보기`, `수정`, `삭제`처럼 짧고 일관되게 둔다.
|
||||
|
||||
### Form
|
||||
|
||||
- 기본값은 채워진 상태로 시작한다.
|
||||
- 저장 전 필수 검증은 화면에서 즉시 보인다.
|
||||
- 저장되지 않는 필드는 read-only로 바꾼다.
|
||||
- 입력이 많은 폼은 섹션으로 나누되, 섹션 수는 최소화한다.
|
||||
|
||||
### Empty State
|
||||
|
||||
- 데이터 없음, 필터 결과 없음, 로드 실패를 구분한다.
|
||||
- 단순 문구보다 다음 행동 버튼을 함께 둔다.
|
||||
|
||||
### Status Chip
|
||||
|
||||
- 상태는 문자열 그대로 노출하지 말고 칩으로 시각화한다.
|
||||
- 색상은 의미를 유지한다.
|
||||
- 동일 상태는 동일 색을 사용한다.
|
||||
|
||||
## SmartAdmin 5.5 Design Reference (2026-07-03, 신규 화면부터 적용)
|
||||
|
||||
이 섹션은 어드민의 **시각적 스킨**(색상, 카드 크롬, 로그인 화면 스타일, 셸 레이아웃) 기준이다. 위 UX Principles(고밀도, 표준 동선, 더존 정신)는 그대로 유지하고, SmartAdmin 5.5는 그 위에 입히는 룩앤필만 담당한다.
|
||||
|
||||
- 소스: `legacy/smartadmin/`(로컬에 이미 포함된 v5.5 HTML/CSS 데모 패키지, Bootstrap 5 기반). 정확한 색상/여백 값이 필요하면 이 디렉터리를 직접 참조한다(추측 금지).
|
||||
- 적용 범위: **향후 신규 어드민 화면부터**. 기존 20개+ 화면(Dashboard, Blog, Inquiry, Client 등)은 이번엔 재단장하지 않는다. 기존 화면을 다른 이유로 수정할 때 자연스럽게 이 기준으로 수렴시킨다.
|
||||
|
||||
### 매핑 표
|
||||
|
||||
| SmartAdmin 5.5 참조 | 파일 | TaxBaik MudBlazor 대응 |
|
||||
| --- | --- | --- |
|
||||
| 상단 `<header>` 툴바 | `dashboard-control-center.html` | `AdminShell`의 `MudAppBar` |
|
||||
| `<aside class="app-sidebar">` (로고 + 필터 입력 + 메뉴) | `dashboard-control-center.html` | `AdminShell`의 `MudDrawer` (검색/필터 입력 포함) |
|
||||
| 로그인 카드 (`rounded-4`, 반투명 다크 글래스, `bg-dark bg-opacity-50`) | `auth-login.html` | `AdminLoginForm.razor`의 `MudPaper` 카드 — 반투명/블러 배경 톤 참고 |
|
||||
| 색상 팔레트 | `colorpalette.html`, `css/smartapp.min.css` | `App.razor`의 `MudTheme.Palette` (Primary/Secondary/Tertiary 등) |
|
||||
| 카드형 위젯 | `dashboard-*.html` | `AdminMetricCard`, `MudPaper` 기반 카드 |
|
||||
|
||||
### 적용 규칙
|
||||
|
||||
- 새 어드민 화면을 만들 때: 레이아웃/동선/밀도는 `DOUZONE_UX_GUIDE.md` 상단 원칙을 따르고, 색상·카드 모서리·그림자·로그인류 화면의 톤은 `legacy/smartadmin/`을 참조해 `MudTheme`/CSS 변수로 반영한다.
|
||||
- SmartAdmin 원본은 jQuery/Bootstrap 5 기반이므로 JS/DOM 구조를 그대로 이식하지 않는다. **시각적 토큰(색, 반경, 여백, 타이포그래피)만** 가져오고, 동작은 MudBlazor 컴포넌트로 구현한다.
|
||||
- 기존 화면을 SmartAdmin 스타일로 일괄 재단장하는 작업은 별도 WBS로 `docs/ADMIN_PATTERN_CRITIQUE_WBS.md`에 등록한 뒤 진행한다(이번 범위 아님).
|
||||
|
||||
## Text And Labels
|
||||
|
||||
- 라벨은 짧게 쓴다.
|
||||
- 같은 개념은 같은 단어를 쓴다.
|
||||
- 약어는 화면 전체에서 통일한다.
|
||||
- 운영자가 오해할 수 있는 추상적인 표현은 금지한다.
|
||||
|
||||
## Serving Rules
|
||||
|
||||
- 공개 사이트는 SSR, 어드민은 Blazor WebAssembly 기준으로 본다.
|
||||
- 어드민 화면은 API-first 경유를 기본으로 한다.
|
||||
- JS는 불가피할 때만 사용하고, 모듈로 격리한다.
|
||||
- 상태/메뉴/라우트/버튼은 문자열 흩뿌리기를 금지하고 공통 상수 또는 템플릿으로 묶는다.
|
||||
|
||||
## Reference Rules
|
||||
|
||||
- 이 문서를 어드민 UX의 1차 기준으로 사용한다.
|
||||
- 세부 코드 규칙은 [ENGINEERING_HARNESS.md](./ENGINEERING_HARNESS.md)를 따른다.
|
||||
- 콤보/선택/검색 규칙은 [COMBO_POLICY.md](./COMBO_POLICY.md)를 따른다.
|
||||
- 공통코드/저장값 규칙은 [COMMON_CODE_POLICY.md](./COMMON_CODE_POLICY.md)를 따른다.
|
||||
- 패턴 비판과 WBS는 [ADMIN_PATTERN_CRITIQUE_WBS.md](./ADMIN_PATTERN_CRITIQUE_WBS.md)를 따른다.
|
||||
- 문서 인덱스는 [INDEX.md](./INDEX.md)를 따른다.
|
||||
|
||||
## Prohibited Patterns
|
||||
|
||||
- 목록마다 서로 다른 헤더 구조
|
||||
- 버튼 색과 의미의 중복/충돌
|
||||
- 저장 안 되는 필드를 편집 가능한 척 보여주기
|
||||
- 전역 JS 상태에 의존하는 편집기
|
||||
- 같은 CRUD 화면의 개별 구현체마다 다른 DOM/행 높이/행동 패턴
|
||||
- 불필요한 중첩 컴포넌트와 과한 추상화
|
||||
|
||||
## Acceptance Criteria
|
||||
|
||||
- 신규 어드민 화면은 이 문서의 레이아웃/컴포넌트 규칙 중 최소 80%를 따른다.
|
||||
- 기존 화면은 새로 건드릴 때 이 문서로 수렴한다.
|
||||
- 화면 추가 시 `PageHeader`, `EmptyState`, `DenseGrid`, `Form` 패턴 중 하나 이상을 재사용한다.
|
||||
@@ -0,0 +1,127 @@
|
||||
# Engineering Harness
|
||||
|
||||
이 문서는 TaxBaik 코드가 매번 흔들리지 않도록 막는 최소 하네스다. 여기에 없는 내용은 추측하지 않고 코드, 테스트, 운영 로그, DB 스키마 중 하나로 확인한다.
|
||||
|
||||
## Non-Negotiables
|
||||
|
||||
| 항목 | 기준 | 실패 판정 |
|
||||
| --- | --- | --- |
|
||||
| Runtime | ASP.NET Core `net10.0` 기준 유지 | 프로젝트별 TargetFramework 불일치 |
|
||||
| Public UI | 홈페이지/공개 페이지는 서버 사이드 렌더링 기준 | 공개 페이지가 불필요하게 WASM 번들에 의존 |
|
||||
| Admin UI | 어드민은 클라이언트 사이드 Blazor WebAssembly + MudBlazor + API-first | 어드민 컴포넌트가 Application/Repository를 직접 주입 |
|
||||
| API | 모든 운영 기능은 `/api/*` DTO 경유 | UI 전용 서비스 호출만 존재 |
|
||||
| Auth | JWT 인증, 관리자 API는 `[Authorize]` | 익명으로 관리자 데이터 접근 가능 |
|
||||
| Deploy | Gitea Actions CI/CD만 배포 경로 | 수동 SSH/복사로 운영 반영 |
|
||||
| Evidence | 빌드, 테스트, E2E, API smoke 로그 | "확인함", "될 것" 같은 진술 |
|
||||
| Admin Render | Router/Routes에는 전역 `@rendermode`를 두지 않고 페이지별로 지정한다. 로그인 페이지만 `prerender: true`로 최초 HTML에 폼을 포함시키고, 나머지 `[Authorize]` 페이지는 `prerender: false`를 유지한다 | Router/Routes에 전역 렌더모드가 다시 생기거나, 로그인 폼이 최초 HTML에 없다 |
|
||||
| KST Timestamp | CI/배포/백업 폴더명과 추적 일시는 `TZ=Asia/Seoul` | `date`가 기본 UTC 또는 서버 로캘에 종속 |
|
||||
| Repo Root | 소스는 `src/`, 문서는 `docs/`, 테스트는 `tests/`, 스크립트는 `scripts/`, 마이그레이션은 `db/`, 배포 참조 설정은 `deploy/`에 둔다. 루트에는 진입점 설정(`CLAUDE.md`, `README.md`, `.gitignore`, `package.json` 등)만 남긴다 | 루트에 스크린샷/로그/1회성 디버그 스크립트/빌드 산출물이 커밋된다 |
|
||||
|
||||
## Architecture Guardrails
|
||||
|
||||
- Domain은 엔티티, enum, repository interface만 가진다.
|
||||
- Application은 use case와 검증 규칙을 가진다. HTTP, JS, MudBlazor, DB 연결 세부를 모른다.
|
||||
- Infrastructure는 Dapper SQL과 외부 시스템 구현을 가진다.
|
||||
- Web은 Controller, 공개 Razor Pages SSR, Blazor host, 인증/서빙 설정을 가진다.
|
||||
- Web.Client/Admin UI는 클라이언트 사이드 Blazor WebAssembly로 본다. 서버 DI 서비스에 의존하지 않고 API client만 호출한다.
|
||||
- 관리자 호스트가 prerender를 사용하더라도 데이터 접근 원칙은 WASM + API-first다. prerender는 초기 마크업용이며 비즈니스 로직의 근거가 아니다.
|
||||
- 어드민 기본 렌더는 WASM이다. 다만 초기 흰 화면 방지 목적의 셸 프리렌더와 로그인 화면의 서버 프리렌더는 허용한다. 비즈니스 로직은 여전히 API-first다.
|
||||
- 로그인 화면은 예외적으로 “먼저 보여야 하는 화면”이다. JS 바인딩/텔레메트리/하이드레이션이 실패해도 로그인 폼 자체는 화면에 남아 있어야 하며, 실패 시 흰 화면이나 빈 본문을 허용하지 않는다.
|
||||
- 로그인 화면은 공통 추적보다 가시성을 우선한다. 추적은 보조이며, 로그인 폼 렌더를 가로막는 코드는 금지한다.
|
||||
- 로그인 화면의 JS는 `try/catch`로 감싸고, 실패해도 사용자 입력과 화면 표시를 막지 않아야 한다.
|
||||
- JavaScript는 최소화한다. 브라우저 API, 인증 토큰 저장, 서드파티 편집기처럼 Blazor/MudBlazor만으로 해결하기 부적절한 경우에만 JS module로 격리한다.
|
||||
- 상속은 프레임워크 요구 또는 명확한 다형성 모델에만 사용한다. 폼/테이블/CRUD 재사용은 기본적으로 컴포넌트 합성과 작은 service/client로 처리한다.
|
||||
- 과유불급을 지킨다. 실제 재사용이 2곳 미만이면 새 추상화를 만들지 말고 기존 컴포넌트를 직접 조합한다.
|
||||
- CI, 배포 폴더명, 백업명, 버전 추적에 쓰는 시간 문자열은 `TZ=Asia/Seoul`을 기본으로 한다.
|
||||
- 클라이언트 오류 수집은 서버/브라우저를 보호하는 목적의 제한형 수집으로만 운영한다. 건당 비동기 전송, 중복 억제, 분당 상한, 서버 rate limit, 실패 시 조용히 폐기, 재시도 폭주 금지.
|
||||
- 브라우저에서 발생한 JS 오류는 운영 장애 탐지를 위한 샘플 데이터로만 취급하고, 전체 이벤트 스트림을 보존하려는 설계는 금지한다.
|
||||
- 텔레그램 알림은 운영자의 주의 채널이지 이벤트 버스가 아니다. 같은 원인/같은 기간의 중복 알림은 억제하고, 리포트/오류/문의/시작 장애는 종류별 시간창을 분리한다.
|
||||
- 오류 알림에는 재현성 6요소를 포함한다: 화면, 기능, 액션, 단계, 데이터 식별자, 현재 라우트. 이 정보가 없으면 운영 대응이 끝나지 않은 것으로 본다.
|
||||
- 루트에 새 파일을 직접 추가하지 않는다. 소스는 `src/`, 문서는 `docs/`, 테스트는 `tests/`, 스크립트는 `scripts/`, 마이그레이션은 `db/`, 배포 참조 설정은 `deploy/`에 둔다.
|
||||
- 임시/스크래치 작업(스크린샷, 1회성 디버그 스크립트, 로그)은 저장소 밖(OS/세션 임시 폴더)에서 하고 절대 커밋하지 않는다. 저장소 안에서 꼭 필요하면 `.gitignore`에 등록된 `.scratch/`만 사용한다.
|
||||
- 커밋 전 `git status`로 루트에 낯선 파일이 생기지 않았는지 확인한다. 빌드 산출물(runtimeconfig.json, deps.json, wwwroot 산출물 등)이 루트나 프로젝트 폴더 밖에 커밋되면 안 된다.
|
||||
- 재현 맥락은 페이지별 수동 JS 호출이 아니라 `AdminTelemetryContext` 같은 공통 컴포넌트가 담당한다. 새 어드민 화면은 레이아웃 경유 기본값을 자동 상속해야 하며, 예외만 명시적으로 덮어쓴다.
|
||||
|
||||
## Code Quality Harness
|
||||
|
||||
| 원칙 | 적용 방식 |
|
||||
| --- | --- |
|
||||
| SOLID | 페이지는 orchestration만, 검증은 Application, 저장은 Repository, HTTP 계약은 DTO |
|
||||
| 유지보수 | Blog/Inquiry 같은 CRUD는 `List`, `Form`, `Client`, `Dto`, `Validator` 패턴으로 고정 |
|
||||
| 리팩토링 | 동작 보존 테스트를 먼저 추가하고 작은 단위로 이동 |
|
||||
| 일관성 | 오류 응답은 ProblemDetails, 페이징은 `{ data, total, page, pageSize }` |
|
||||
| 파편화 방지 | 같은 필드/상태/서비스유형 문자열은 enum/상수/공통 코드 중 하나로 단일화 |
|
||||
| 과유불급 | 추상화는 2개 이상 실제 사용처가 생긴 뒤 도입 |
|
||||
| 정규화 | 고객, 문의, 상담, 계약, 세금신고는 원천 테이블을 분리 |
|
||||
| 역정규화 | 대시보드/검색/운영 요약용 스냅샷만 허용하고 원천 id와 갱신 시점을 저장 |
|
||||
| 충돌방지 | 수정 API는 가능하면 `updatedAt` 또는 row version 기반 충돌 감지를 둔다 |
|
||||
| 더존 UX 정신 | 더존 세무회계프로그램처럼 고밀도, 표준 동선, 빠른 입력, 상태 가시성, 회귀 최소화를 기본 UX 원칙으로 삼는다 |
|
||||
| 추측금지 | 세법, 세율, 더존 필드, 운영 계정, 배포 결과는 공식 자료/코드/DB/로그 없이는 단정하지 않는다 |
|
||||
| JS 최소화 | Blazor/MudBlazor 우선, 불가피한 JS는 module + dispose + 테스트 가능한 얇은 wrapper |
|
||||
| 공통코드 | 상태/유형/출처/위험도는 `common_codes`를 우선 소스로 사용하고 화면 하드코딩을 금지 |
|
||||
|
||||
## Data Integrity Harness
|
||||
|
||||
- DB 제약 조건이 1차 방어선이다: NOT NULL, UNIQUE, FK, CHECK, index.
|
||||
- Application validation은 사용자 메시지와 use case 규칙을 담당한다.
|
||||
- UI validation은 빠른 피드백일 뿐이며 유일한 검증으로 보지 않는다.
|
||||
- 관리자 수정 화면에 노출한 필드는 실제 저장되어야 한다. 저장하지 않는 필드는 read-only로 표시한다.
|
||||
- 상태 전이는 허용 목록을 둔다. 임의 문자열 저장을 금지한다.
|
||||
- 삭제는 운영 데이터 손실 위험이 있으면 soft delete 또는 archive를 우선 검토한다.
|
||||
- 콤보 값은 [COMMON_CODE_POLICY.md](./COMMON_CODE_POLICY.md)를 1차 기준으로 삼는다.
|
||||
- 로그인 화면은 배포 전 브라우저 실증이 필수다. `dotnet build`만으로 로그인 화면 정상 표시를 완료로 선언하지 않는다.
|
||||
- 로그인 화면 실증 기준은 최소 1회 실제 브라우저 응답, 로그인 폼 렌더, 입력 포커스 가능 여부 확인이다.
|
||||
- 클라이언트 로그와 장애 진단 로그는 운영 데이터가 아니라 관측 데이터로 본다. 저장 실패는 사용자 흐름을 막지 않으며, 수집 실패 자체를 재시도 루프로 증폭하지 않는다.
|
||||
- 동일 오류의 텔레그램 재알림은 일정 기간 1회로 제한하고, 재전송 목적의 루프는 금지한다.
|
||||
- 데이터가 오류 재현에 필요하면 `entity`, `entityId`, `dataKey` 같은 최소 식별자만 남기고, 원문 데이터 전체를 로그에 싣지 않는다.
|
||||
|
||||
## API-First Admin Pattern
|
||||
|
||||
새 어드민 기능은 클라이언트 사이드 Blazor WebAssembly를 기준으로 아래 구조를 기본 템플릿으로 따른다.
|
||||
|
||||
| Layer | Naming | 책임 |
|
||||
| --- | --- | --- |
|
||||
| DTO | `CreateXRequest`, `UpdateXRequest`, `XResponse` | HTTP 계약 |
|
||||
| Controller | `XController` | 인증, 라우팅, status code, ProblemDetails |
|
||||
| Client | `IXBrowserClient`, `XBrowserClient` | JWT 포함 HTTP 호출 |
|
||||
| Page | `XList.razor`, `XCreate.razor`, `XEdit.razor` | 화면 상태와 navigation |
|
||||
| Form | `XForm.razor` | 입력 컴포넌트와 UI validation |
|
||||
| Tests | unit + Playwright/API smoke | 회귀 방지 |
|
||||
|
||||
## Rendering Boundary
|
||||
|
||||
| 영역 | 렌더링 | 데이터 접근 |
|
||||
| --- | --- | --- |
|
||||
| Public Home/Blog/Contact | 서버 사이드 렌더링 | 서버 Application Service 직접 사용 가능 |
|
||||
| Admin | 클라이언트 사이드 Blazor WebAssembly | JWT 포함 HTTP API만 사용 |
|
||||
| Shared DTO | 서버/클라이언트 공유 가능 | UI 전용 상태와 DB 엔티티를 섞지 않음 |
|
||||
|
||||
공개 페이지의 SEO와 초기 로딩은 SSR로 최적화한다. 어드민은 앱처럼 동작해야 하므로 WebAssembly와 API 계약을 기준으로 설계한다.
|
||||
|
||||
## CI Harness
|
||||
|
||||
완료는 로컬 성공이 아니라 CI와 배포본 성공이다.
|
||||
|
||||
| Gate | Command/Check | Target |
|
||||
| --- | --- | --- |
|
||||
| Build | `dotnet build src/TaxBaik.sln -c Release --no-restore` | error 0 |
|
||||
| Unit | `dotnet test src/TaxBaik.sln -c Release --no-build` | failed 0 |
|
||||
| Browser | `npx playwright test --project="Desktop Chrome"` | failed 0 |
|
||||
| API Smoke | login + protected admin API curl | HTTP 2xx |
|
||||
| Deploy | `.gitea/workflows/deploy.yml` | success |
|
||||
| Post Deploy | `.gitea/workflows/browser-e2e.yml` | success |
|
||||
|
||||
### Gitea Auth Harness
|
||||
|
||||
- Gitea API와 workflow dispatch에는 `GITEA_TOKEN_TAXBAIK`만 사용한다.
|
||||
- `GITEA_TOKEN`은 쓰지 않는다.
|
||||
- 인증 헤더는 `Authorization: token <GITEA_TOKEN_TAXBAIK>`를 기본으로 한다.
|
||||
- 토큰 검증은 먼저 `GET /api/v1/user`로 확인하고, 그 다음 `workflow_dispatch`를 실행한다.
|
||||
- `401 invalid username, password or token`이 나오면 토큰 이름, 공백, 환경 변수 scope를 먼저 확인한다.
|
||||
|
||||
## Stop Conditions
|
||||
|
||||
- 동일 개념이 3곳 이상 다른 이름/계약으로 구현되면 기능 추가를 중단하고 정리한다.
|
||||
- UI가 저장한다고 보이는 필드를 API/Application이 저장하지 않으면 릴리스하지 않는다.
|
||||
- 운영 배포 검증이 CI 밖에서만 가능하면 완료로 보지 않는다.
|
||||
- 데이터 모델을 추측해서 세무 규칙이나 더존 UX 관습을 왜곡해 구현하지 않는다.
|
||||
@@ -0,0 +1,52 @@
|
||||
# TaxBaik Engineering Index
|
||||
|
||||
이 디렉터리의 문서만 현재 개발 기준의 기준점으로 사용한다. 다른 문서는 보조 자료로만 본다.
|
||||
|
||||
## Canonical Documents
|
||||
|
||||
| 문서 | 용도 | 변경 조건 |
|
||||
| --- | --- | --- |
|
||||
| [ENGINEERING_HARNESS.md](./ENGINEERING_HARNESS.md) | 아키텍처, 코드 품질, 배포, 데이터 정합성 하네스 | 방향성 변경 또는 반복 위반 발견 |
|
||||
| [DOUZONE_UX_GUIDE.md](./DOUZONE_UX_GUIDE.md) | 더존식 어드민 UX 원칙, 템플릿, 컴포넌트, 서빙 규칙 | 화면 패턴 변경 또는 신규 템플릿 추가 |
|
||||
| [COMMON_CODE_POLICY.md](./COMMON_CODE_POLICY.md) | 공통코드, 저장값, 컬럼 길이, 하드코딩 금지 규칙 | 공통코드 또는 콤보 추가/수정 |
|
||||
| [COMBO_POLICY.md](./COMBO_POLICY.md) | 콤보/선택/검색 입력 정책과 저장값 규칙 | 상태/유형/선택 입력 정책 변경 |
|
||||
| [ADMIN_PATTERN_CRITIQUE_WBS.md](./ADMIN_PATTERN_CRITIQUE_WBS.md) | 어드민 Blog/문의 등록 패턴 비판, 개선 로드맵, 정량 WBS | WBS 상태 또는 성공 지표 변경 |
|
||||
|
||||
## Route And Serving Map
|
||||
|
||||
| 영역 | 라우트/파일 | 기준 |
|
||||
| --- | --- | --- |
|
||||
| Public Home/Blog/Contact | `/taxbaik/`, `/taxbaik/blog`, `/taxbaik/contact` | 서버 사이드 렌더링, SEO 우선, WASM 의존 금지 |
|
||||
| Admin Blog | `/taxbaik/admin/blog`, `/taxbaik/admin/blog/create`, `/taxbaik/admin/blog/{id}/edit` | 클라이언트 사이드 Blazor WebAssembly, API-first 클라이언트 경유, JS 최소화 |
|
||||
| Admin Inquiry | `/taxbaik/admin/inquiries`, `/taxbaik/admin/inquiries/create`, `/taxbaik/admin/inquiries/{id}/edit` | 클라이언트 사이드 Blazor WebAssembly, 공개 접수/관리자 등록/상태 변경 분리 |
|
||||
| Public API | `/taxbaik/api/*` | JWT 인증, ProblemDetails 오류, DTO 입출력 |
|
||||
| CI/CD | `.gitea/workflows/deploy.yml`, `.gitea/workflows/browser-e2e.yml` | 수동 배포 금지, 배포본 E2E 통과 후 완료 |
|
||||
|
||||
## Shared Component Map
|
||||
|
||||
| 컴포넌트 | 용도 | 대표 사용처 |
|
||||
| --- | --- | --- |
|
||||
| `AdminShell` | 관리자 상단바/드로워/버전/알림 공통 shell | `Components/Admin/Layout/MainLayout.razor` |
|
||||
| `AdminLoginForm` | 관리자 로그인 입력/제출 UI | `Components/Admin/Pages/Login.razor` |
|
||||
| `AdminPageHeader` | 페이지 타이틀/보조설명/주요 액션 | Blog, Inquiry, Client, FAQ 목록 |
|
||||
| `AdminDataPanel` | 목록/표면/로딩 스켈레톤 공통 래퍼 | Blog, Inquiry, CommonCode, Dashboard |
|
||||
| `AdminEditorPanel` | 편집형 스켈레톤 래퍼 | BlogEdit, InquiryEdit, ClientEdit, CompanyEdit, FAQEdit |
|
||||
| `AdminSkeletonRows` | 반복 로딩 골격 | AdminDataPanel, AdminEditorPanel, Dashboard |
|
||||
| `AdminMetricCard` | 대시보드 KPI 카드 | `Components/Admin/Pages/Dashboard.razor` |
|
||||
| `AdminEmptyState` | empty/empty-filter 상태 | ClientList 등 목록 화면 |
|
||||
| `AdminFormSection` | 폼 입력 섹션 구획 | BlogForm, InquiryForm |
|
||||
| `AdminFormActions` | 제출/취소 버튼 묶음 | BlogForm, InquiryForm |
|
||||
| `AdminDetailSection` | 상세 정보 카드 | InquiryDetail |
|
||||
| `AdminCrudPageShell` | create/edit 페이지 공통 헤더+취소+편집 래퍼 | BlogCreate/Edit, InquiryCreate/Edit |
|
||||
| `CommonCodeGroupPanel` | 공통코드 그룹 선택/추가 패널 | CommonCodes |
|
||||
| `CommonCodeListPanel` | 공통코드 목록/편집 패널 | CommonCodes |
|
||||
|
||||
## Document Rules
|
||||
|
||||
- 문서는 짧게 유지한다. 새 문서를 만들기 전에 이 인덱스에 추가할 가치가 있는지 판단한다.
|
||||
- 동일한 기준을 여러 문서에 중복 작성하지 않는다.
|
||||
- 아키텍처/UX/콤보/공통코드 기준은 `ENGINEERING_HARNESS.md`, `DOUZONE_UX_GUIDE.md`, `COMBO_POLICY.md`, `COMMON_CODE_POLICY.md`만 본다.
|
||||
- WBS 완료 여부는 체크박스가 아니라 수치와 실행 로그로 판단한다.
|
||||
- 코드 변경 시 관련 WBS ID를 커밋/PR 설명 또는 작업 메모에 남긴다.
|
||||
- 공통코드 관련 규칙은 [COMMON_CODE_POLICY.md](./COMMON_CODE_POLICY.md)만 1차 기준으로 사용한다.
|
||||
- 공유 컴포넌트는 `INDEX.md`의 Shared Component Map을 먼저 확인한다.
|
||||
@@ -0,0 +1,777 @@
|
||||
# 블로그 포스트 작성 템플릿
|
||||
|
||||
## 정확성 원칙 (법적 책임 수반)
|
||||
|
||||
블로그는 **사실 기반, 세법 기반, 데이터 기반**이어야 합니다. 추측이나 예상은 법적 문제를 일으킬 수 있습니다.
|
||||
|
||||
### 절대 금지 표현
|
||||
|
||||
- "아마도", "할 것 같다", "추측된다" (추측)
|
||||
- "대략", "정도일 거다", "보통" (예상)
|
||||
- "좋을 것 같다", "나쁠 것 같다" (의견)
|
||||
- 증거 없는 "모두", "항상", "누구나" (일반화)
|
||||
- 출처 없는 통계 ("80% 고객이", "평균 X만 원")
|
||||
|
||||
### 필수 요소
|
||||
|
||||
**1. 세법 기반**:
|
||||
- 모든 주장에 세법/시행령/고시 인용
|
||||
- 조항 명시: "소득세법 제XX조에 따르면"
|
||||
- 최신 기준 명시: "2025년 기준"
|
||||
- 변경사항 반영: "전년도와 다르게..."
|
||||
|
||||
**2. 사실 기반**:
|
||||
- 실제 일어난 고객 사례만 사용
|
||||
- 가정일 경우 명시: "예를 들어, 만약 이렇다면"
|
||||
- 가상 사례는 "예시 사례"라고 명확히
|
||||
- 개인정보는 익명화 (이름, 나이는 일반적인 표현)
|
||||
|
||||
**3. 데이터 기반**:
|
||||
- 객관적 수치만 사용 (국세청 통계, 협회 자료)
|
||||
- 출처 명시: "2025년 세무청 통계에 따르면"
|
||||
- 구체적 금액: "약 50만 원" (범위 표현)
|
||||
- 비교 데이터: "작년 대비 X% 증가"
|
||||
|
||||
**4. 사례 제시 시 확인 사항**:
|
||||
```
|
||||
✅ 실제 고객인가? (공개 가능한 정보만)
|
||||
✅ 세법을 정확하게 적용했는가?
|
||||
✅ 금액 계산이 정확한가?
|
||||
✅ 이 사례가 대표적인가? (극단적 사례면 명시)
|
||||
✅ 다른 고객에게도 적용 가능한가?
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 카테고리 필수 규칙
|
||||
|
||||
**모든 블로그 포스트는 반드시 하나의 카테고리에 할당되어야 합니다. (NOT NULL)**
|
||||
|
||||
### 카테고리별 포스트 배치
|
||||
|
||||
| 카테고리 | 최소 포스트 | 주제 범위 |
|
||||
|---------|-----------|---------|
|
||||
| 사업자 세무 | 3개 | 기장, 세무신고, 부가세, 종합소득세 |
|
||||
| 부동산 세금 | 3개 | 월세, 양도세, 상속세(부동산) |
|
||||
| 종합소득세 | 3개 | 프리랜서, 부업, 경비 처리 |
|
||||
| 부가가치세 | 3개 | 신고, 기한, 간이과세 vs 일반과세 |
|
||||
| 가족자산·증여 | 3개 | 자녀 증여, 상속, 자산 이전 |
|
||||
|
||||
### 카테고리 할당 규칙
|
||||
|
||||
1. **명확한 주제 분류**: 포스트 내용이 카테고리 범위에 명확하게 해당
|
||||
2. **중복 금지**: 한 포스트는 정확히 하나의 카테고리에만 할당
|
||||
3. **균형 배치**: 각 카테고리당 최소 3개씩 (고객 검색 UX)
|
||||
4. **검색 최적화**: 고객이 카테고리로 찾을 때 관련 포스트 3개 이상 노출
|
||||
|
||||
### 카테고리 미할당 시 (오류)
|
||||
- ❌ category_id = NULL (데이터베이스 제약 위반)
|
||||
- ❌ SQL 실행 실패 (NOT NULL 제약)
|
||||
- ❌ 블로그 페이지 노출 불가
|
||||
|
||||
**이 규칙은 모든 포스트 생성/수정 시 필수 준수사항입니다.**
|
||||
|
||||
---
|
||||
|
||||
## 핵심 철학: 고객이 느끼는 여정
|
||||
|
||||
### 1️⃣ 기초: "이 정도는 할 수 있어요"
|
||||
- 고객이 배울 수 있는 기본 개념
|
||||
- 실제 사례로 구체화
|
||||
- 단계별 설명
|
||||
|
||||
### 2️⃣ 현실: "하지만 복잡하네요"
|
||||
- 겹겹이 쌓인 세부사항들
|
||||
- 매년 바뀌는 세법
|
||||
- "이거 일일이 다 챙기기 어렵다"는 느낌
|
||||
|
||||
### 3️⃣ 해결: "세무사와 함께면 괜찮아요"
|
||||
- 디테일 자동 관리
|
||||
- 세법 변화 자동 반영
|
||||
- 고객은 사업에만 집중
|
||||
|
||||
---
|
||||
|
||||
**고객이 글을 읽은 후 느끼는 것**:
|
||||
|
||||
1️⃣ 읽고 나서: "아, 이 정도는 내가 할 수 있겠네"
|
||||
2️⃣ 생각해보니: "근데 이 모든 걸 매년 챙기기는... 힘들겠는데?"
|
||||
3️⃣ 결론: "그럼 전문가 도움을 받는 게 낫겠다"
|
||||
|
||||
→ 자연스럽게 세무사의 필요성을 깨달음 (강요 아님)
|
||||
|
||||
---
|
||||
|
||||
## 템플릿 (복사해서 사용)
|
||||
|
||||
### Step 1: 도입부 (공감)
|
||||
```markdown
|
||||
# [제목]
|
||||
|
||||
"[구체적 상황]?"
|
||||
"많은 [직업]들이 이 상황을 겪습니다."
|
||||
|
||||
→ 독자가 자신의 상황을 발견하도록
|
||||
```
|
||||
|
||||
**예시**:
|
||||
```markdown
|
||||
# 동네 카페 월세 낼 때 세금이 안 나와요 - 정말 그럴까?
|
||||
|
||||
"사업을 시작했는데 세금을 낸 적이 없어요"
|
||||
"많은 소규모 사업자들이 이렇게 생각합니다."
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Step 2: 실제 사례 (구체적 페르소나)
|
||||
|
||||
**필수 정보**:
|
||||
- 이름, 나이, 직업, 사업 경력
|
||||
- 월/연간 매출 (현실적 수치)
|
||||
- 실제 겪은 문제/성공 사례
|
||||
|
||||
```markdown
|
||||
### 상황: [지역] [카테고리]를 운영하는 [이름]님 ([나이]세, 사업 [년]차)
|
||||
|
||||
**기본 정보**:
|
||||
- 위치: [구체적 위치]
|
||||
- 월 매출: [금액]
|
||||
- 월 경비: [주요 항목들]
|
||||
|
||||
### 원래는 이렇게 했어요 (실패 사례)
|
||||
→ [실제 실수 1]
|
||||
→ [실제 실수 2]
|
||||
→ **결과**: 세금을 [X만 원] 더 내게 됨 (또는 세무조사 대상)
|
||||
|
||||
### 바뀐 후 (성공 사례)
|
||||
→ [해결책 1]
|
||||
→ [해결책 2]
|
||||
→ **결과**: 세금을 [X만 원] 절약함 (또는 안정적인 운영)
|
||||
```
|
||||
|
||||
**예시**:
|
||||
```markdown
|
||||
### 상황: 강남 역삼동에서 카페를 운영하는 김민수님 (34세, 사업 3년차)
|
||||
|
||||
**기본 정보**:
|
||||
- 위치: 강남역 3번 출구 근처
|
||||
- 월 매출: 약 600만 원 (평일 200만, 주말 400만)
|
||||
- 월 경비: 월세 150만, 재료비 180만, 직원급여 100만 원
|
||||
|
||||
### 원래는 이렇게 했어요
|
||||
→ "세금은 큰 회사나 내는 거라고 생각했어요"
|
||||
→ 영수증도 대충 정리하고
|
||||
→ **결과**: 세무청에서 3년치를 추징받고 가산세까지...손해 70만 원
|
||||
|
||||
### 바뀐 후
|
||||
→ 매달 영수증을 정리해서
|
||||
→ 세무사와 년 1회 기장 상담
|
||||
→ **결과**: 세금도 명확하고, 추징도 없음. 심플하고 안전
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Step 3: 계산 & 설명
|
||||
|
||||
**구조**:
|
||||
1. **기본 정보 확인** (위에서 제시한 사례 요약)
|
||||
2. **단계별 계산** (Step 1, Step 2, ... 명확히)
|
||||
3. **표로 시각화**
|
||||
|
||||
```markdown
|
||||
## 계산 방법
|
||||
|
||||
### Step 1️⃣: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산
|
||||
|
||||
월 경비 구성:
|
||||
- 월세: 150만 원 (연 1,800만 원)
|
||||
- 재료비: 180만 원 (연 2,160만 원)
|
||||
- 직원급여: 100만 원 (연 1,200만 원)
|
||||
- 기타: 20만 원 (연 240만 원)
|
||||
- **월 합계: 450만 원**
|
||||
- **연 합계: 5,400만 원**
|
||||
|
||||
### Step 3️⃣: 순이익
|
||||
7,200만 - 5,400만 = **1,800만 원**
|
||||
|
||||
### Step 4️⃣: 세금
|
||||
1,800만 원 × 약 6% = **약 108만 원/년**
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 🎭 Step 3.5: 악마는 디테일이다 (선택사항이지만 강력함)
|
||||
|
||||
**구조**: "간단해 보이지만, 실제로는..."
|
||||
|
||||
```markdown
|
||||
## 겉으로는 간단해 보여요... 하지만
|
||||
|
||||
### 📄 "영수증을 정리하세요"라고 했는데
|
||||
|
||||
**겉으로는**:
|
||||
→ 영수증을 모으기만 하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 이 영수증은 인정되고, 이건 안 됨 (세법)
|
||||
→ 이건 개인비? 사업비? (판단)
|
||||
→ 카드값이랑 현금값이랑 다르면? (대사)
|
||||
→ 3년 지났는데 영수증을 못 찾으면? (소송)
|
||||
→ 세무청이 불인정하면? (항의 절차)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 어떤 영수증이 인정될지 사전에 판단
|
||||
✅ 개인비와 사업비의 경계 명확히
|
||||
✅ 세법 변경사항 적용
|
||||
✅ 세무청 부인시 대응 준비
|
||||
|
||||
---
|
||||
|
||||
### 📊 "매출과 경비를 기록하세요"라고 했는데
|
||||
|
||||
**겉으로는**:
|
||||
→ 엑셀에 숫자만 입력하면 돼
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 카드 명세서와 입금액이 안 맞음 (환불? 수수료?)
|
||||
→ 한 달간 매출을 빼먹음 (추가 계산)
|
||||
→ 같은 카테고리인데 세법상 다르게 분류돼야 함 (부가세/소득세 다름)
|
||||
→ 작년에 잘못 입력한 게 발견됨 (수정신고)
|
||||
→ 월별로 편차가 커서 세무청이 의심함 (설명 준비)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 카드명세서 vs 입금액 정산
|
||||
✅ 누락된 부분 찾아서 추가
|
||||
✅ 세법상 올바른 분류
|
||||
✅ 이전년도 오류 수정신고
|
||||
✅ 세무청 질의에 대한 근거 제시
|
||||
|
||||
---
|
||||
|
||||
### ✅ "정확하게 기장하면 세금이 확정돼요"라고 했는데
|
||||
|
||||
**겉으로는**:
|
||||
→ 기장만 잘하면 세금 끝
|
||||
|
||||
**현실의 디테일**:
|
||||
→ 같은 사업도 절세 방법이 다양함 (어떤 게 맞나?)
|
||||
→ 올해는 이렇게, 내년은 저렇게? (일관성)
|
||||
→ 부가세와 소득세 둘 다 고려해야 함 (연계 계산)
|
||||
→ 세무조사가 오면 3년치를 모두 봄 (소급 처리)
|
||||
→ 이의신청/항소하려면? (법적 절차)
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 최적의 절세 전략 제시
|
||||
✅ 연도별 일관된 기장 방식 유지
|
||||
✅ 부가세/소득세 동시 최적화
|
||||
✅ 세무조사 대비 사전 정리
|
||||
✅ 이의신청/항소 등 법적 대응
|
||||
```
|
||||
|
||||
**💡 핵심**:
|
||||
- 기초는 누구나 배울 수 있어요
|
||||
- **하지만 디테일을 모두 처리하려면?**
|
||||
- **그 디테일들이 바로 세무사가 하는 일**
|
||||
- **디테일 하나 놓쳤다가 가산세 50만 원... 이래서 세무사 비용이 아깝지 않음**
|
||||
|
||||
---
|
||||
|
||||
### 🔄 Step 3.6: 세법은 계속 바뀐다 (매년 업데이트)
|
||||
|
||||
**구조**: "올해의 세법 변화"를 포스트 작성 시점에 맞춰 갱신
|
||||
|
||||
```markdown
|
||||
## 그런데 세법은 해마다 바뀝니다
|
||||
|
||||
### 📋 [연도] 변경사항들 (꼭 알아야 할 것들)
|
||||
|
||||
**✅ 2025년 부가세 변화**:
|
||||
- 신고 기한이 [날짜]로 변경됨
|
||||
- 영세사업자 기준이 [금액]로 상향조정됨
|
||||
- 새로운 공제 항목이 추가됨: [항목들]
|
||||
|
||||
**✅ 2025년 소득세 변화**:
|
||||
- 기본공제가 [금액]에서 [금액]로 증가
|
||||
- 자녀 공제 조건이 변경됨
|
||||
- 월급 원천징수 기준이 조정됨
|
||||
|
||||
**✅ 2025년 새로운 제도**:
|
||||
- 소상공인 세금 감면 확대
|
||||
- 청년사업자 지원 강화
|
||||
- 부가가치세 간편신청 범위 확대
|
||||
|
||||
---
|
||||
|
||||
**혼자서 할 때의 문제**:
|
||||
❌ "작년 기준으로 기장했는데 올해 기준이 바뀐 거야?"
|
||||
❌ "이 공제가 되는 건지 안 되는 건지 모르겠어"
|
||||
❌ "새로운 제도가 나왔다는 것도 몰랐어"
|
||||
❌ "처음 다시 계산해야 하나?"
|
||||
|
||||
**세무사가 처리하는 것**:
|
||||
✅ 매년 변경사항 자동 추적
|
||||
✅ 당신의 상황에 맞는 새로운 공제 적용
|
||||
✅ 이전년도 재계산 필요시 수정신고
|
||||
✅ 연중 세법 개정 소식 안내
|
||||
✅ 새로운 지원 정책 놓치지 않게 관리
|
||||
|
||||
---
|
||||
|
||||
## 결과 비교: 혼자 할 때 vs 세무사와 함께
|
||||
|
||||
**세법 변화 추적**
|
||||
- 혼자: "어? 규칙이 바뀌었네?"
|
||||
- 세무사: 자동으로 적용됨
|
||||
|
||||
**새로운 공제**
|
||||
- 혼자: 놓치기 쉬움
|
||||
- 세무사: 모두 적용됨
|
||||
|
||||
**매년 재계산**
|
||||
- 혼자: 직접 해야 함
|
||||
- 세무사: 자동 갱신
|
||||
|
||||
**마음 편함**
|
||||
- 혼자: 불안감 ("맞나?")
|
||||
- 세무사: 확신 ("전문가가 관리")
|
||||
|
||||
**투자 시간**
|
||||
- 혼자: 당신의 시간
|
||||
- 세무사: 포함 (전문가 비용)
|
||||
|
||||
---
|
||||
|
||||
## 요약: 왜 세무사가 필요한가
|
||||
|
||||
**기초는 배울 수 있지만**:
|
||||
- 세법은 매년 바뀌고
|
||||
- 당신은 본업이 있어서 추적이 어렵고
|
||||
- 실수 하나가 가산세 50만 원...
|
||||
|
||||
**그래서 세무사가 있으면**:
|
||||
- 변화를 자동으로 적용해주고
|
||||
- 새 제도도 놓치지 않아주고
|
||||
- 당신은 사업에만 집중
|
||||
|
||||
→ **결국 시간, 돈, 스트레스 모두 절약**
|
||||
|
||||
---
|
||||
|
||||
### 💡 Step 4: 실무 팁 (3~5개)
|
||||
|
||||
**구조**: ✅ 이렇게 하세요 / ❌ 이렇게 하면 안 돼요
|
||||
|
||||
```markdown
|
||||
## 이렇게 하면 세금이 명확해요
|
||||
|
||||
### ✅ 해야 할 것
|
||||
1. **영수증 정리** - 매달 봉투에 모아두기
|
||||
2. **기본 기록** - 엑셀에 간단히 기입
|
||||
3. **연 1회 점검** - 세무사와 기본 상담
|
||||
4. **투명성** - 세무청 신고는 정확하게
|
||||
|
||||
### ❌ 하면 안 되는 것
|
||||
1. **영수증 버리기** - 나중에 증거 없음
|
||||
2. **개인비와 섞기** - 기장 혼란
|
||||
3. **신고 늦추기** - 가산세 발생
|
||||
4. **과하게 깎기** - 세무조사 리스크
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 📝 Step 5: 결론
|
||||
|
||||
고객이 읽은 후 자연스럽게 결론을 내리도록:
|
||||
|
||||
**구조**:
|
||||
1. 기초는 할 수 있다 (긍정)
|
||||
2. 근데 복잡하네요 (현실 직시)
|
||||
3. 그래서 세무사가 필요하구나 (자연스러운 깨달음)
|
||||
|
||||
**고객이 느끼는 여정**:
|
||||
- 처음: "아, 이 정도는 내가 할 수 있겠네"
|
||||
- 중간: "근데 이 모든 걸 매년 챙기기는..."
|
||||
- 결론: "전문가 도움이 낫겠다"
|
||||
|
||||
```markdown
|
||||
## 기초는 누구나 할 수 있어요
|
||||
|
||||
**이 정도면 자신이 충분히 가능합니다**:
|
||||
- 소규모 사업 (월 500만~1,000만 원)
|
||||
- 단순 경비 (재료, 임차료 등)
|
||||
- 월 1회 정도 기본 정리
|
||||
|
||||
→ 영수증 정리 + 기본 엑셀 기입면 충분
|
||||
|
||||
---
|
||||
|
||||
## 하지만 이렇게 복잡하면 전문가 도움이 효율적입니다
|
||||
|
||||
**세무사 상담을 권하는 경우**:
|
||||
- 📊 월 매출이 2,000만 원을 넘어갈 때
|
||||
- 💼 여러 사업을 동시에 운영할 때
|
||||
- 🏠 부동산 등 추가 수입이 있을 때
|
||||
- 📈 직원을 여러 명 두고 있을 때
|
||||
- 🌍 해외 거래나 수입이 있을 때
|
||||
|
||||
### 실제 효과: 숫자로 본 세무사의 가치
|
||||
|
||||
**절세액**
|
||||
- 혼자: X만 원
|
||||
- 세무사: X + 200만 원
|
||||
- 차이: +200만 원 절약
|
||||
|
||||
**세무조사 스트레스**
|
||||
- 혼자: 매년 불안
|
||||
- 세무사: 안정적 대응
|
||||
- 차이: 심리적 안정
|
||||
|
||||
**시간 투자**
|
||||
- 혼자: 월 10시간
|
||||
- 세무사: 월 1시간
|
||||
- 차이: 월 9시간 자유
|
||||
|
||||
**세무사 비용**
|
||||
- 혼자: 0원
|
||||
- 세무사: 약 100만 원/년
|
||||
- 차이: -100만 원
|
||||
|
||||
**실제 이익**
|
||||
- 혼자: 순이익
|
||||
- 세무사: 순이익 + 100만 원
|
||||
- 차이: +100만 원 순이익
|
||||
|
||||
**돈을 쓰는 이유**:
|
||||
- 세금 절약: 절세 200만 원 - 비용 100만 원 = 순 100만 원 이득
|
||||
- 시간 절약: 월 9시간(연 108시간) = 사업에 집중
|
||||
- 스트레스 감소: 세무조사 불안 제거
|
||||
- 리스크 관리: 실수로 인한 가산세 방지
|
||||
|
||||
---
|
||||
|
||||
## 요약
|
||||
|
||||
**기본 개념을 아는 것만으로도**:
|
||||
- 실수를 줄이고
|
||||
- 세금을 절약하고
|
||||
- 세무사와의 상담이 훨씬 효율적
|
||||
|
||||
당신의 상황이 어느 정도인지 판단하고,
|
||||
필요할 때 전문가와 함께 하세요.
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ✅ 작성 체크리스트
|
||||
|
||||
### 내용
|
||||
- [ ] **실제 사례**: 동네 카페/편의점/학원 같은 주변 상황
|
||||
- [ ] **구체적 페르소나**: 이름, 나이, 직업, 사업 경력
|
||||
- [ ] **실제 금액**: 매출, 경비, 세금 (현실적 수치)
|
||||
- [ ] **Before/After**: 실패 사례 → 성공 사례
|
||||
- [ ] **절세 효과**: "X만 원 절약" 또는 "손해를 막음"
|
||||
- [ ] **계산**: Step별로 명확, 표 포함
|
||||
- [ ] **악마는 디테일**: "겉으로는 간단해 보이지만 실제로는..." (세무사가 처리하는 디테일들)
|
||||
- [ ] **세법 변화**: 해당 연도의 세법 변경사항과 그 영향 설명
|
||||
|
||||
### 톤
|
||||
- [ ] **교육적**: 개념을 이해하도록
|
||||
- [ ] **격려적**: 경고/협박 없음
|
||||
- [ ] **현실적**: 복잡할 수 있다는 인정
|
||||
- [ ] **세무사 자연스러운 유도**: "필요할 때 도움되는 선택"
|
||||
- [ ] **임파워먼트**: "기초는 누구나 할 수 있어요"
|
||||
|
||||
### 표현
|
||||
- [ ] **중학교 수준**: 어려운 용어는 () 설명
|
||||
- [ ] **이모지**: 🏠💰✅❌📊 등으로 시각화
|
||||
- [ ] **짧은 문장**: 한 문장에 한 개념
|
||||
- [ ] **표와 리스트**: 수치는 표로, 항목은 리스트로
|
||||
|
||||
---
|
||||
|
||||
## 🚫 피해야 할 표현 (한국세무사협회 광고 규칙 준수)
|
||||
|
||||
### ❌ **절대 금지 표현** (법적 위반 위험)
|
||||
|
||||
**1. 과도한 절세 약속 & 절대 표현**:
|
||||
- ❌ "50만 원 절약 가능"
|
||||
- ❌ "최대한 경비를 깎아줍니다"
|
||||
- ❌ "세금을 반으로 줄여드립니다"
|
||||
- ❌ "세금을 덜 냅니다" (보장으로 해석)
|
||||
- ❌ "가장 많이 절세해드립니다"
|
||||
- ✅ "이 사례에서는 약 50만 원 절약되었습니다" (과거 사례만)
|
||||
- ✅ "정확한 경비 처리로 세법에 따른 정당한 공제를 받을 수 있습니다" (법적 근거)
|
||||
- ✅ "경비를 빠짐없이 처리합니다" (객관적 프로세스)
|
||||
|
||||
**2. 보장 표현 (불가능한 결과 약속)**:
|
||||
- ❌ "반드시 세금을 줄입니다"
|
||||
- ❌ "세무조사 안 받게 해드립니다"
|
||||
- ❌ "100% 절세를 보장합니다"
|
||||
- ❌ "세금을 보장합니다"
|
||||
- ✅ "정확한 신고로 세무조사 리스크를 최소화합니다"
|
||||
- ✅ "세법에 따른 정당한 공제를 받을 수 있습니다"
|
||||
|
||||
**3. 무료 & 가격 표현**:
|
||||
- ❌ "무료로 세금 절약해드립니다"
|
||||
- ❌ "최저가 신고료"
|
||||
- ❌ "가장 저렴한 가격"
|
||||
- ✅ "합리적인 비용으로 전문 서비스를 제공합니다"
|
||||
|
||||
**4. 절대/최상급 표현**:
|
||||
- ❌ "반드시", "무조건", "반듯이", "항상", "절대"
|
||||
- ❌ "최고", "최우수", "1등", "유일"
|
||||
- ❌ "모든", "완벽하게"
|
||||
- ✅ "일반적으로", "대부분의 경우", "보통"
|
||||
|
||||
**5. 과도한 단순화 표현**:
|
||||
- ❌ "매우 편합니다", "너무 쉽습니다"
|
||||
- ❌ "아무도 실수할 수 없습니다"
|
||||
- ❌ "5분이면 끝납니다"
|
||||
- ✅ "기초 개념을 배울 수 있습니다"
|
||||
- ✅ "복잡한 부분은 전문가가 관리합니다"
|
||||
|
||||
**6. 객관적 증거 없는 수치**:
|
||||
- ❌ "평균 170만 원 절약" (근거 없으면)
|
||||
- ❌ "고객의 80%가 만족" (통계 없으면)
|
||||
- ❌ "보통 2배의 환급" (데이터 없으면)
|
||||
- ✅ "이 사례에서는 약 170만 원 절약되었습니다"
|
||||
- ✅ "많은 고객들이 정확한 기장의 필요성을 느낍니다"
|
||||
|
||||
---
|
||||
|
||||
### ✅ **안전한 표현 (권장)**
|
||||
|
||||
| 대신 이렇게 | 이유 |
|
||||
|----------|------|
|
||||
| "정확한 기장으로 세법에 따른 공제를 받을 수 있습니다" | 법적 근거 (보장 아님) |
|
||||
| "경비를 빠짐없이 처리합니다" | 객관적 프로세스 |
|
||||
| "이 사례에서는 약 50만 원 절약되었습니다" | 과거 사례 (보장 아님) |
|
||||
| "경비를 빠짐없이 처리합니다" | 객관적 프로세스 |
|
||||
| "세무조사 대비 근거를 정리합니다" | 예방적 표현 |
|
||||
| "당신의 상황에 맞는 최선의 방법을 제시합니다" | 개별 맞춤형 |
|
||||
| "세법이 자주 바뀌므로 전문가 도움이 효율적입니다" | 필요성 설명 |
|
||||
| "이 정도는 자신이 충분히 가능합니다" | 존중과 임파워먼트 |
|
||||
| "복잡한 경우는 전문가와 상담하세요" | 선택지 제시 |
|
||||
| "정확하게 하면 나중에 편합니다" | 미래 가치 (현재 보장 아님) |
|
||||
|
||||
---
|
||||
|
||||
### 📋 블로그 작성 시 광고 규칙 체크리스트
|
||||
|
||||
- [ ] **절세 약속 제거**: "최대한", "반드시", "보장", "무조건" 단어 없음
|
||||
- [ ] **보장 표현 제거**: "세무조사 안 받게", "100% 절세", "확실" 제거
|
||||
- [ ] **무료/가격 표현 제거**: "무료", "최저가", "가장 저렴" 제거
|
||||
- [ ] **절대 표현 제거**: "항상", "절대", "모두", "완벽" 제거
|
||||
- [ ] **최상급 제거**: "최고", "최우수", "1등" (객관적 증거 있으면 가능)
|
||||
- [ ] **과도한 단순화 제거**: "매우 쉽습니다", "아무도 실수할 수 없음" 제거
|
||||
- [ ] **수치는 사례로**: "절약 가능" → "이 사례에서는 약 X만 원 절약"
|
||||
- [ ] **객관성 유지**: 구체적 사례 + 과거형 표현 사용
|
||||
- [ ] **필요성 설명**: "왜 필요한가" → 이해와 선택 유도
|
||||
- [ ] **세무사협회 규정 준수**: 법적 문제 없음
|
||||
|
||||
---
|
||||
|
||||
## 시즌별 주제 예시
|
||||
|
||||
| 월 | 추천 주제 | 톤 |
|
||||
|----|---------|-----|
|
||||
| 1월 | 부가세 2기 신고 기한 | "이 정도면 자신이 가능" |
|
||||
| 5월 | 종소세 신고 방법 | "핵심 개념 + 전문가 도움 타이밍" |
|
||||
| 7월 | 부가세 1기 신고 | "기초 정리 방법" |
|
||||
| 11월 | 다음해 준비 | "계획하면 편해요" |
|
||||
|
||||
---
|
||||
|
||||
## ⚠️ 실수 방지 체크리스트 (과거 오류 기록)
|
||||
|
||||
**이전에 반복된 실수들을 기록하여, 같은 실수를 하지 않도록 합니다.**
|
||||
|
||||
### 1️⃣ 카테고리 할당 실수 ❌
|
||||
|
||||
**과거 오류**: 포스트를 만들 때 category_id를 NULL로 두었음
|
||||
|
||||
**문제점**:
|
||||
- DB NOT NULL 제약 위반
|
||||
- 블로그 페이지에 노출 안 됨
|
||||
- 고객이 카테고리로 검색 불가
|
||||
|
||||
**예방책**:
|
||||
- ✅ **SQL INSERT 시 반드시 category_id 명시**
|
||||
- ✅ **포스트 작성 전에 카테고리 결정**
|
||||
- ✅ **DB 적용 후 category_id NOT NULL 확인**
|
||||
- ✅ **각 카테고리별 최소 3개 이상 포스트 유지**
|
||||
|
||||
**SQL 예시** (권장):
|
||||
```sql
|
||||
INSERT INTO blog_posts (title, slug, content, category_id, is_published, ...)
|
||||
VALUES ('제목', 'slug', $$본문$$, 1, true, ...);
|
||||
-- category_id 절대 생략 금지!
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 2️⃣ 내용 길이 부족 ❌
|
||||
|
||||
**과거 오류**: 에이전트가 지침(1,500~2,500자)을 무시하고 간단한 버전(500자)으로 생성
|
||||
|
||||
**문제점**:
|
||||
- 고객 설득력 부족
|
||||
- 계산 예시 없음
|
||||
- 3단계 구조 불완전
|
||||
- 세법 인용 부족
|
||||
|
||||
**예방책**:
|
||||
- ✅ **각 포스트 최소 1,500자 이상 (추천 2,000~2,500자)**
|
||||
- ✅ **포스트 작성 후 글자 수 확인: `LENGTH(content) >= 1500`**
|
||||
- ✅ **항상 실제 사례 포함** (이름, 나이, 직업, 구체적 상황)
|
||||
- ✅ **항상 계산 과정 포함** (절세액 수치화)
|
||||
- ✅ **3단계 구조 필수** (1️⃣ 기초 → 2️⃣ 현실 → 3️⃣ 해결책)
|
||||
|
||||
**확인 쿼리**:
|
||||
```sql
|
||||
SELECT id, title, LENGTH(content) as length FROM blog_posts
|
||||
WHERE LENGTH(content) < 1500; -- 부족한 포스트 검출
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 3️⃣ 테이블 사용 금지 ❌
|
||||
|
||||
**과거 오류**: 마크다운 테이블(`| |---|---|`) 사용
|
||||
|
||||
**문제점**:
|
||||
- 지침 위반 (리스트만 사용)
|
||||
- 모바일에서 가독성 저하
|
||||
- 유지보수 어려움
|
||||
|
||||
**예방책**:
|
||||
- ✅ **테이블 금지, 리스트만 사용** (- 또는 숫자 목록)
|
||||
- ✅ **작성 후 `| |` 패턴 검색으로 테이블 확인**
|
||||
- ✅ **수치/계산은 리스트 형식**:
|
||||
|
||||
**❌ 금지 (테이블)**:
|
||||
```markdown
|
||||
| 항목 | 월 | 연간 |
|
||||
|------|-----|------|
|
||||
| 월세 | 150만 | 1,800만 |
|
||||
```
|
||||
|
||||
**✅ 권장 (리스트)**:
|
||||
```markdown
|
||||
월 경비 구성:
|
||||
- 월세: 150만 원 (연 1,800만 원)
|
||||
- 재료비: 180만 원 (연 2,160만 원)
|
||||
- 직원급여: 100만 원 (연 1,200만 원)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 4️⃣ 계산 예시 누락 ❌
|
||||
|
||||
**과거 오류**: 포스트에 개념만 있고 실제 계산 예시 부족
|
||||
|
||||
**문제점**:
|
||||
- 고객이 "내 상황에 얼마나 해당하나" 판단 어려움
|
||||
- 추상적 설명으로 설득력 감소
|
||||
- 세무사 필요성 전달 미흡
|
||||
|
||||
**예방책**:
|
||||
- ✅ **모든 포스트에 구체적 계산 예시 필수**
|
||||
- ✅ **절세액을 수치로 제시** ("약 50만 원 절약")
|
||||
- ✅ **단계별 계산 과정 포함** (Step 1️⃣, 2️⃣, 3️⃣, 4️⃣)
|
||||
- ✅ **실제 사례로 숫자 구체화**:
|
||||
|
||||
**예시**:
|
||||
```markdown
|
||||
### Step 1️⃣: 매출 정리
|
||||
월 600만 원 × 12개월 = 연 7,200만 원
|
||||
|
||||
### Step 2️⃣: 경비 계산
|
||||
- 월세: 150만 원 → 연 1,800만 원
|
||||
- 재료비: 180만 원 → 연 2,160만 원
|
||||
합계: 5,400만 원
|
||||
|
||||
### Step 3️⃣: 순이익
|
||||
7,200만 - 5,400만 = 1,800만 원
|
||||
|
||||
### Step 4️⃣: 세금
|
||||
1,800만 원 × 약 6% = **약 108만 원/년**
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### 5️⃣ 카테고리 주제 불일치 ❌
|
||||
|
||||
**과거 오류**: 포스트 주제와 카테고리가 맞지 않음
|
||||
|
||||
**문제점**:
|
||||
- 고객이 원하는 정보 검색 불가
|
||||
- 카테고리 신뢰도 저하
|
||||
- UX 혼란
|
||||
|
||||
**예방책**:
|
||||
- ✅ **포스트 작성 전 카테고리 명확히 결정**
|
||||
- ✅ **포스트 주제와 카테고리 일관성 검증**:
|
||||
|
||||
| 포스트 | 카테고리 | 확인 |
|
||||
|--------|---------|------|
|
||||
| 프리랜서 경비 | 종합소득세 (3) | ✅ 맞음 |
|
||||
| 월세 신고 | 부동산 세금 (2) | ✅ 맞음 |
|
||||
| 자녀 증여세 | 가족자산·증여 (5) | ✅ 맞음 |
|
||||
| 사업자 기장 | 사업자 세무 (1) | ✅ 맞음 |
|
||||
| 부가세 신고 | 부가가치세 (4) | ✅ 맞음 |
|
||||
|
||||
---
|
||||
|
||||
### 6️⃣ 정확한 세법 인용 누락 ❌
|
||||
|
||||
**과거 오류**: 일부 포스트에서 법조 명시 부족
|
||||
|
||||
**문제점**:
|
||||
- 정확성 원칙 위반
|
||||
- 법적 책임 불명확
|
||||
- 고객 신뢰도 저하
|
||||
|
||||
**예방책**:
|
||||
- ✅ **모든 주요 내용에 세법 조항 인용 필수**
|
||||
- ✅ **형식**: "소득세법 제XX조에 따르면"
|
||||
- ✅ **연도 기준 명시**: "2025년 기준"
|
||||
- ✅ **포스트 끝에 "법적 근거" 섹션 필수**:
|
||||
|
||||
```markdown
|
||||
**법적 근거**:
|
||||
- 소득세법 제29조 (수입금액의 계산)
|
||||
- 국세기본법 제47조 (가산세)
|
||||
- 소득세법 제160조 (증빙 보관)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## ✅ 포스트 최종 체크리스트
|
||||
|
||||
모든 포스트를 DB에 등록하기 전에 다음을 확인하세요:
|
||||
|
||||
- [ ] **카테고리 할당**: `category_id NOT NULL` (필수)
|
||||
- [ ] **내용 길이**: `LENGTH(content) >= 1500` (최소 1,500자)
|
||||
- [ ] **테이블 확인**: `| |` 패턴 없음 (리스트만)
|
||||
- [ ] **계산 예시**: Step 1️⃣~4️⃣ 포함 (절세액 수치)
|
||||
- [ ] **세법 인용**: 모든 주요 내용에 법조 명시
|
||||
- [ ] **카테고리 일치**: 포스트 주제 ↔ 카테고리 일관성
|
||||
- [ ] **3단계 구조**: 1️⃣ 기초 → 2️⃣ 현실 → 3️⃣ 해결책
|
||||
- [ ] **광고 규칙**: 금지 표현(보장, 최저가, 무료) 없음
|
||||
- [ ] **사례 포함**: 실제 상황 + 이름/나이/직업 구체화
|
||||
- [ ] **정확성**: 추측/예상/의견 표현 없음
|
||||
|
||||
**체크 쿼리**:
|
||||
```sql
|
||||
-- DB 적용 후 확인
|
||||
SELECT id, title, LENGTH(content), category_id
|
||||
FROM blog_posts
|
||||
WHERE LENGTH(content) < 1500 OR category_id IS NULL
|
||||
ORDER BY id;
|
||||
-- 결과 없음이 정상!
|
||||
```
|
||||
@@ -17,7 +17,7 @@
|
||||
| 3.3 | [주요 Python 패키지](#33-주요-python-패키지-시스템) | 시스템/venv 패키지 구분 |
|
||||
| 4 | [서비스 아키텍처](#4-서비스-아키텍처) | 포트 맵, Nginx 리버스 프록시 |
|
||||
| 4.1 | [포트 맵](#41-포트-맵) | 22, 80, 2222, 3000, 5000, 5432 |
|
||||
| 4.2 | [Nginx 리버스 프록시](#42-nginx-리버스-프록시) | `/` → Gitea, `/quant/` → Blazor |
|
||||
| 4.2 | [Nginx 리버스 프록시](#42-nginx-리버스-프록시) | 도메인 기반 가상 호스트 분기 (홈페이지, Gitea, Quant) |
|
||||
| 5 | [Gitea](#5-gitea) | Docker Compose 설정, 시크릿, 데이터 경로 |
|
||||
| 5.1 | [Docker Compose](#51-docker-compose) | `gitea:1.26.4`, PG 연동 |
|
||||
| 5.2 | [시크릿 관리](#52-시크릿-관리) | `/opt/stacks/gitea/.env` |
|
||||
@@ -126,17 +126,22 @@ boto3, cryptography, Jinja2, jsonschema, fail2ban 등 시스템 레벨로 설치
|
||||
### 4.2. Nginx 리버스 프록시
|
||||
|
||||
```nginx
|
||||
# /etc/nginx/sites-enabled/gitea-ip.conf
|
||||
# /etc/nginx/sites-available/taxbaik-domains.conf
|
||||
|
||||
# 1. TaxBaik 홈페이지 (taxbaik.com, www.taxbaik.com)
|
||||
server {
|
||||
listen 80 default_server;
|
||||
listen [::]:80 default_server;
|
||||
server_name _;
|
||||
server_name taxbaik.com www.taxbaik.com;
|
||||
client_max_body_size 512M;
|
||||
|
||||
# QuantEngine Blazor Web App
|
||||
location /quant/ {
|
||||
proxy_pass http://127.0.0.1:5000/;
|
||||
|
||||
# /admin 하위 요청을 /taxbaik/admin 으로 리다이렉트하여 Blazor Base Path 대응
|
||||
location /admin {
|
||||
return 301 $scheme://$host/taxbaik$request_uri;
|
||||
}
|
||||
|
||||
# 루트 경로 요청을 /taxbaik 으로 프록싱하여 base href /taxbaik/ 에 대응
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:5001/taxbaik/;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "Upgrade";
|
||||
@@ -147,7 +152,33 @@ server {
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
# Gitea (기본)
|
||||
# /taxbaik/ 하위로 들어오는 리소스 및 페이지 요청 처리
|
||||
location /taxbaik {
|
||||
proxy_pass http://127.0.0.1:5001;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "Upgrade";
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
proxy_read_timeout 120s;
|
||||
}
|
||||
|
||||
listen 443 ssl; # managed by Certbot
|
||||
ssl_certificate /etc/letsencrypt/live/taxbaik.com/fullchain.pem; # managed by Certbot
|
||||
ssl_certificate_key /etc/letsencrypt/live/taxbaik.com/privkey.pem; # managed by Certbot
|
||||
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
|
||||
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
|
||||
|
||||
|
||||
}
|
||||
|
||||
# 2. Gitea (gitea.taxbaik.com)
|
||||
server {
|
||||
server_name gitea.taxbaik.com;
|
||||
client_max_body_size 512M;
|
||||
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:3000;
|
||||
proxy_http_version 1.1;
|
||||
@@ -159,13 +190,89 @@ server {
|
||||
proxy_connect_timeout 300;
|
||||
proxy_send_timeout 300;
|
||||
}
|
||||
|
||||
listen 443 ssl; # managed by Certbot
|
||||
ssl_certificate /etc/letsencrypt/live/taxbaik.com/fullchain.pem; # managed by Certbot
|
||||
ssl_certificate_key /etc/letsencrypt/live/taxbaik.com/privkey.pem; # managed by Certbot
|
||||
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
|
||||
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
|
||||
|
||||
}
|
||||
|
||||
# 3. QuantEngine (quant.taxbaik.com)
|
||||
server {
|
||||
server_name quant.taxbaik.com;
|
||||
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:5000/;
|
||||
proxy_http_version 1.1;
|
||||
proxy_set_header Upgrade $http_upgrade;
|
||||
proxy_set_header Connection "Upgrade";
|
||||
proxy_set_header Host $host;
|
||||
proxy_cache_bypass $http_upgrade;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
|
||||
listen 443 ssl; # managed by Certbot
|
||||
ssl_certificate /etc/letsencrypt/live/taxbaik.com/fullchain.pem; # managed by Certbot
|
||||
ssl_certificate_key /etc/letsencrypt/live/taxbaik.com/privkey.pem; # managed by Certbot
|
||||
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
|
||||
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
|
||||
|
||||
}
|
||||
|
||||
server {
|
||||
if ($host = www.taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
if ($host = taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
listen 80;
|
||||
server_name taxbaik.com www.taxbaik.com;
|
||||
return 404; # managed by Certbot
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
server {
|
||||
if ($host = gitea.taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
listen 80;
|
||||
server_name gitea.taxbaik.com;
|
||||
return 404; # managed by Certbot
|
||||
|
||||
|
||||
}
|
||||
server {
|
||||
if ($host = quant.taxbaik.com) {
|
||||
return 301 https://$host$request_uri;
|
||||
} # managed by Certbot
|
||||
|
||||
|
||||
listen 80;
|
||||
server_name quant.taxbaik.com;
|
||||
return 404; # managed by Certbot
|
||||
|
||||
|
||||
}
|
||||
```
|
||||
|
||||
**라우팅 요약**:
|
||||
- `http://178.104.200.7/` → Gitea Web UI
|
||||
- `http://178.104.200.7/quant/` → QuantEngine Blazor Admin
|
||||
- `ssh://178.104.200.7:2222` → Gitea Git SSH
|
||||
- `http://taxbaik.com/` 또는 `http://www.taxbaik.com/` → TaxBaik 홈페이지 (내부 proxy: `http://127.0.0.1:5001/taxbaik/`)
|
||||
- `http://gitea.taxbaik.com/` → Gitea Web UI (내부 proxy: `http://127.0.0.1:3000`)
|
||||
- `http://quant.taxbaik.com/` → QuantEngine Blazor Admin (내부 proxy: `http://127.0.0.1:5000/`)
|
||||
- `ssh://gitea.taxbaik.com:2222` → Gitea Git SSH
|
||||
|
||||
## 5. Gitea
|
||||
|
||||
@@ -384,7 +491,7 @@ ClientAliveCountMax 2
|
||||
| **CI Runner** | Synology Act Runner | 6× `act_runner:latest` (Docker) |
|
||||
| **DB** | SQLite (파일 기반) | PostgreSQL 18 + SQLite (하이브리드) |
|
||||
| **웹 Admin** | 없음 | QuantEngine Blazor (.NET 10, MudBlazor) |
|
||||
| **리버스 프록시** | Synology 내장 | Nginx (`/` → Gitea, `/quant/` → Blazor) |
|
||||
| **리버스 프록시** | Synology 내장 | Nginx (도메인 기반 분기 - 홈페이지, Gitea, Quant) |
|
||||
| **보안** | DSM 방화벽 | fail2ban + SSH 공개키 + 서비스 로컬바인드 |
|
||||
| **시크릿 관리** | `.secrets/kis_real.env` | `/opt/stacks/gitea/.env` |
|
||||
| **OS** | Synology DSM 7.x | Ubuntu 26.04 LTS |
|
||||
@@ -19,32 +19,46 @@ GRANT ALL PRIVILEGES ON DATABASE taxbaikdb TO taxbaik;
|
||||
|
||||
### 2. 환경 변수 설정
|
||||
|
||||
**Web 서비스** (`/etc/systemd/system/taxbaik.service`):
|
||||
**Web 서비스** (`/etc/systemd/system/taxbaik.service`, 백엔드 전용):
|
||||
```ini
|
||||
[Service]
|
||||
Environment=ASPNETCORE_ENVIRONMENT=Production
|
||||
Environment=ASPNETCORE_URLS=http://127.0.0.1:5001
|
||||
Environment=ASPNETCORE_URLS=http://127.0.0.1:5004
|
||||
Environment=ConnectionStrings__Default=Host=localhost;Database=taxbaikdb;Username=taxbaik;Password=your_secure_password
|
||||
```
|
||||
|
||||
**프록시 서비스** (`/etc/systemd/system/taxbaik-proxy.service`, 5001 진입점):
|
||||
```ini
|
||||
[Service]
|
||||
ExecStart=/usr/bin/dotnet TaxBaik.Proxy.dll
|
||||
WorkingDirectory=/home/kjh2064/taxbaik_active
|
||||
Restart=always
|
||||
```
|
||||
|
||||
### 3. systemd 서비스 파일 설치
|
||||
|
||||
```bash
|
||||
sudo cp deploy/taxbaik.service /etc/systemd/system/
|
||||
sudo cp deploy/taxbaik-proxy.service /etc/systemd/system/
|
||||
sudo systemctl daemon-reload
|
||||
sudo systemctl enable taxbaik
|
||||
sudo systemctl enable taxbaik-proxy
|
||||
```
|
||||
|
||||
### 4. Nginx 설정
|
||||
|
||||
```bash
|
||||
# 현재 Nginx 설정 확인
|
||||
sudo cat /etc/nginx/sites-available/default | head -30
|
||||
# Nginx 도메인 기반 가상 호스트 설정 복사
|
||||
sudo cp deploy/nginx-taxbaik-domains.conf /etc/nginx/sites-available/taxbaik-domains.conf
|
||||
|
||||
# location 블록 추가 (또는 기존 설정에 병합)
|
||||
sudo cp deploy/nginx-taxbaik-locations.conf /etc/nginx/conf.d/taxbaik.conf
|
||||
# 기존 설정(IP 기반 및 default) 활성화 해제
|
||||
sudo rm -f /etc/nginx/sites-enabled/default
|
||||
sudo rm -f /etc/nginx/sites-enabled/gitea-ip.conf
|
||||
|
||||
# 테스트 및 재로드
|
||||
# 새 설정 활성화 (심링크 생성)
|
||||
sudo ln -sfn /etc/nginx/sites-available/taxbaik-domains.conf /etc/nginx/sites-enabled/taxbaik-domains.conf
|
||||
|
||||
# 설정 문법 테스트 및 Nginx 서비스 리로드
|
||||
sudo nginx -t
|
||||
sudo systemctl reload nginx
|
||||
```
|
||||
@@ -65,7 +79,7 @@ sudo systemctl reload nginx
|
||||
master 브랜치 push → build → test → publish → restart → health check → Playwright
|
||||
```
|
||||
|
||||
수동 배포는 비상 롤백 외에는 사용하지 않습니다. 배포 이슈는 Gitea Actions 로그로 해결합니다.
|
||||
수동 배포는 사용하지 않습니다. `deploy_gb.sh`는 `TAXBAIK_DEPLOY_FROM_CI=1`이 없으면 즉시 종료하므로, 배포는 반드시 Gitea Actions에서만 실행됩니다.
|
||||
|
||||
## 마이그레이션 자동 실행
|
||||
|
||||
@@ -128,6 +142,7 @@ ls -la ~/deployments/ | grep taxbaik
|
||||
|
||||
# 심링크 변경 (예: 이전 버전이 taxbaik_20260626_140000)
|
||||
ln -sfn ~/deployments/taxbaik_20260626_140000 ~/taxbaik_active
|
||||
sudo systemctl restart taxbaik-proxy
|
||||
sudo systemctl restart taxbaik
|
||||
```
|
||||
|
||||
@@ -139,10 +154,10 @@ sudo systemctl restart taxbaik
|
||||
ssh kjh2064@178.104.200.7
|
||||
|
||||
# 서비스 상태
|
||||
systemctl status taxbaik
|
||||
systemctl status taxbaik taxbaik-proxy
|
||||
|
||||
# 포트 확인
|
||||
netstat -tlnp | grep -E '5001'
|
||||
netstat -tlnp | grep -E '5001|5004'
|
||||
|
||||
# 프로세스 확인
|
||||
ps aux | grep TaxBaik
|
||||
@@ -165,9 +180,27 @@ journalctl -u taxbaik -f
|
||||
| 404 /taxbaik | Nginx 설정 미적용 | `sudo nginx -t && sudo systemctl reload nginx` |
|
||||
| Blazor WebSocket 안 됨 | `/taxbaik` location에 `proxy_http_version 1.1`, `Upgrade`, `Connection \"Upgrade\"` 헤더가 모두 있는지 확인 |
|
||||
| DB 연결 오류 | 환경 변수 미설정 | systemd service 파일의 ConnectionStrings__Default 확인 |
|
||||
| 503 Service Unavailable | 앱 미시작 | `sudo systemctl restart taxbaik` |
|
||||
| 503 Service Unavailable | 백엔드 또는 프록시 미시작 | `sudo systemctl restart taxbaik-proxy taxbaik` |
|
||||
| 마이그레이션 실패 | DB 권한 문제 | `GRANT ALL PRIVILEGES ON DATABASE taxbaikdb TO taxbaik;` |
|
||||
|
||||
## 운영 복구 순서
|
||||
|
||||
```bash
|
||||
ssh kjh2064@178.104.200.7
|
||||
sudo cp /home/kjh2064/taxbaik.service /etc/systemd/system/taxbaik.service
|
||||
sudo cp /home/kjh2064/taxbaik-proxy.service /etc/systemd/system/taxbaik-proxy.service
|
||||
sudo systemctl daemon-reload
|
||||
sudo systemctl restart taxbaik-proxy
|
||||
sudo systemctl restart taxbaik
|
||||
curl -I http://127.0.0.1:5001/taxbaik/admin/login
|
||||
```
|
||||
|
||||
## 원라인 점검
|
||||
|
||||
```bash
|
||||
ssh kjh2064@178.104.200.7 'systemctl status taxbaik taxbaik-proxy --no-pager --lines=3 && ss -tlnp | grep -E ":5001 |:5004 " && curl -fsSI http://127.0.0.1:5001/taxbaik/admin/login && curl -fsS http://127.0.0.1:5001/taxbaik/favicon.svg >/dev/null && curl -fsS http://127.0.0.1:5001/taxbaik/robots.txt >/dev/null'
|
||||
```
|
||||
|
||||
## 초기 데이터
|
||||
|
||||
### 관리자 계정
|
||||
@@ -48,29 +48,7 @@ ssh kjh2064@178.104.200.7 'bash ~/SERVER_SETUP.sh'
|
||||
# ~/taxbaik_active
|
||||
```
|
||||
|
||||
### 2단계: 첫 배포 (수동)
|
||||
|
||||
```bash
|
||||
# 로컬에서 실행
|
||||
TIMESTAMP=$(date +%Y%m%d_%H%M%S)
|
||||
|
||||
# SSH 키 설정 (필요시)
|
||||
export DEPLOY_USER="kjh2064"
|
||||
export DEPLOY_HOST="178.104.200.7"
|
||||
|
||||
# 배포
|
||||
rsync -avz --delete ./publish/ \
|
||||
$DEPLOY_USER@$DEPLOY_HOST:~/deployments/taxbaik_${TIMESTAMP}/
|
||||
|
||||
# 심링크 변경 및 시작
|
||||
ssh $DEPLOY_USER@$DEPLOY_HOST << EOF
|
||||
ln -sfn ~/deployments/taxbaik_${TIMESTAMP} ~/taxbaik_active
|
||||
sudo systemctl start taxbaik
|
||||
sudo systemctl status taxbaik
|
||||
EOF
|
||||
```
|
||||
|
||||
### 3단계: Gitea Actions 설정 (선택)
|
||||
### 2단계: Gitea Actions 설정
|
||||
|
||||
**Gitea 저장소 Settings → Secrets 추가**:
|
||||
- `DEPLOY_USER`: `kjh2064`
|
||||
@@ -217,8 +195,8 @@ curl -I -H "Accept-Encoding: gzip" http://178.104.200.7/taxbaik/ | grep -i encod
|
||||
| 증상 | 원인 | 해결 방법 |
|
||||
|------|------|----------|
|
||||
| 404 /taxbaik | Nginx 설정 미적용 | `sudo nginx -t && sudo systemctl reload nginx` |
|
||||
| 502 Bad Gateway | 앱 미실행 | `sudo systemctl restart taxbaik` |
|
||||
| 503 Service Unavailable | 앱 충돌 | 로그 확인: `journalctl -u taxbaik -n 50` |
|
||||
| 502 Bad Gateway | 프록시 또는 백엔드 미실행 | `sudo systemctl restart taxbaik-proxy taxbaik` |
|
||||
| 503 Service Unavailable | 백엔드 충돌 또는 비밀값 누락 | 로그 확인: `journalctl -u taxbaik -n 50` |
|
||||
| DB 연결 오류 | 환경 변수 미설정 | systemd 파일의 ConnectionStrings__Default 확인 |
|
||||
| HTTPS 오류 | SSL 미구성 | 개발 환경에서는 HTTP 사용 (IP 기반) |
|
||||
| 마이그레이션 실패 | 테이블 존재 | `DROP DATABASE taxbaikdb;` 후 재시작 |
|
||||
@@ -230,11 +208,11 @@ curl -I -H "Accept-Encoding: gzip" http://178.104.200.7/taxbaik/ | grep -i encod
|
||||
### 실시간 모니터링
|
||||
|
||||
```bash
|
||||
# 터미널 1: 웹 서비스 로그
|
||||
# 터미널 1: 백엔드 로그
|
||||
ssh kjh2064@178.104.200.7 'journalctl -u taxbaik -f'
|
||||
|
||||
# 터미널 2: 통합 서비스 로그
|
||||
ssh kjh2064@178.104.200.7 'journalctl -u taxbaik -f'
|
||||
# 터미널 2: 프록시 로그
|
||||
ssh kjh2064@178.104.200.7 'journalctl -u taxbaik-proxy -f'
|
||||
|
||||
# 터미널 3: Nginx 로그
|
||||
ssh kjh2064@178.104.200.7 'sudo tail -f /var/log/nginx/access.log | grep taxbaik'
|
||||
@@ -246,13 +224,7 @@ ssh kjh2064@178.104.200.7 'watch -n 1 "ps aux | grep TaxBaik"'
|
||||
### 정기적 검사
|
||||
|
||||
```bash
|
||||
# 일일 체크 (cron job)
|
||||
0 9 * * * /home/kjh2064/health-check.sh
|
||||
|
||||
# 내용:
|
||||
#!/bin/bash
|
||||
curl -f http://127.0.0.1:5001/taxbaik || systemctl restart taxbaik
|
||||
curl -f http://127.0.0.1:5001/taxbaik/admin/login || systemctl restart taxbaik
|
||||
# 일일 체크는 CI 배포 후 자동 검증으로 대체
|
||||
```
|
||||
|
||||
---
|
||||
@@ -268,11 +240,6 @@ git commit -m "기능: 새로운 기능 추가"
|
||||
git push origin master
|
||||
|
||||
# 2. Gitea Actions가 자동으로 배포
|
||||
# 또는 수동 배포:
|
||||
TIMESTAMP=$(date +%Y%m%d_%H%M%S)
|
||||
dotnet publish TaxBaik.Web -c Release -o ./publish
|
||||
rsync -avz ./publish/ kjh2064@178.104.200.7:~/deployments/taxbaik_${TIMESTAMP}/
|
||||
ssh kjh2064@178.104.200.7 "ln -sfn ~/deployments/taxbaik_${TIMESTAMP} ~/taxbaik_active && sudo systemctl restart taxbaik"
|
||||
```
|
||||
|
||||
### 롤백 절차
|
||||
@@ -284,6 +251,7 @@ ssh kjh2064@178.104.200.7 'ls -la ~/deployments/ | grep taxbaik'
|
||||
# 롤백 (예: 이전 버전이 taxbaik_20260625_100000)
|
||||
ssh kjh2064@178.104.200.7 << EOF
|
||||
ln -sfn ~/deployments/taxbaik_20260625_100000 ~/taxbaik_active
|
||||
sudo systemctl restart taxbaik-proxy
|
||||
sudo systemctl restart taxbaik
|
||||
EOF
|
||||
```
|
||||
@@ -522,3 +522,46 @@ Todo:
|
||||
- WBS-UX-03/04 구현 완료
|
||||
- WBS-CRM-01/02/03/04/05 구현 완료 (배포 후 검증 필요)
|
||||
- WBS-CRM-06/07/08 (텔레그램·포털·소셜 로그인) Phase 3 미착수
|
||||
|
||||
---
|
||||
|
||||
## ── 홈페이지 · 어드민 · 포털 프리미엄 UX/UI 개편 (2026-06-30) ──────────────────
|
||||
|
||||
## WBS-UX-05 홈페이지 프리미엄 UI 및 마이크로 인터랙션
|
||||
|
||||
목표: 홈페이지 디자인을 극도로 모던하고 신뢰성 있는 프리미엄 스타일로 전면 개편한다.
|
||||
|
||||
성공 기준:
|
||||
- Hero 섹션에 유려한 배경 그라데이션 및 부드러운 CSS 애니메이션 효과 적용
|
||||
- 서비스 카드에 섀도우 및 보더 트랜지션, 골드/그린 그라데이션 호버 이펙트 추가
|
||||
- 신뢰도 스트립 카드에 입체감 및 돋보이는 레이아웃 설계
|
||||
- Noto Sans KR 외에 Outfit/Inter 등의 보조 영문 폰트 결합으로 타이포그래피 고급화
|
||||
|
||||
Todo:
|
||||
- [x] `site.css` 내 Hero 섹션 그라데이션 및 CSS 애니메이션 보강
|
||||
- [x] 서비스 카드 및 신뢰도 스트립 컴포넌트 프리미엄 스타일로 개편
|
||||
- [x] 홈페이지 폰트 스택 확장 및 메인 레이아웃 적용
|
||||
|
||||
## WBS-PORTAL-01 고객 포털 UI/UX 고도화 및 글래스모피즘
|
||||
|
||||
목표: 고객 마이 포털 화면을 미려하고 현대적인 글래스모피즘 디자인으로 개편하여 이용 가치를 극대화한다.
|
||||
|
||||
성공 기준:
|
||||
- 포털 메인 대시보드 카드를 Glassmorphism 스타일(blur, semi-transparent border)로 변경
|
||||
- 세무 신고 현황 테이블 및 상담 이력 타임라인 컴포넌트의 모던 디자인화
|
||||
|
||||
Todo:
|
||||
- [x] `site.css` 내 포털 전용 모던 글래스모피즘 클래스군 추가
|
||||
- [x] `Portal/Index.cshtml` 레이아웃 및 컴포넌트 UI 고도화
|
||||
|
||||
## WBS-MAINT-02 코드 품질 및 경고 결함 차단
|
||||
|
||||
목표: 빌드 컴파일 타임 경고(Warnings)를 0으로 유지하여 미래 코드 결함을 방지한다.
|
||||
|
||||
성공 기준:
|
||||
- `dotnet build` 수행 시 경고 0개 달성
|
||||
|
||||
Todo:
|
||||
- [x] `CustomAuthenticationStateProvider.cs` Nullable 경고 수정
|
||||
- [x] `Dashboard.razor` 미사용 변수 제거 및 UI 연계 바인딩 처리
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user