Skip to content

feat: 앱 화면 UI 리프레시 — 인증 2단 레이아웃·진행 스테퍼·빈 상태 (#21)#25

Merged
trz-21 merged 1 commit into
mainfrom
feature/issue-21-app-ui-refresh
Jun 13, 2026
Merged

feat: 앱 화면 UI 리프레시 — 인증 2단 레이아웃·진행 스테퍼·빈 상태 (#21)#25
trz-21 merged 1 commit into
mainfrom
feature/issue-21-app-ui-refresh

Conversation

@trz-21

@trz-21 trz-21 commented Jun 13, 2026

Copy link
Copy Markdown
Collaborator

Closes #21

작업 요약

디자인 시스템(#20) 위에서 로그인 이후 앱 화면을 전문적으로 다듬는다.

변경 내용

  • 인증(login/register): 좌측 네이비 그라데이션 브랜드 패널(헤드라인·가치 카피·신뢰 포인트 3) + 우측 폼 카드의 2단 반응형 레이아웃. 모바일은 폼만 중앙 정렬.
  • 분석 결과(analyses/[id]): 제네릭 스피너 → 3단계 진행 스테퍼(리뷰 수집 → AI 분석 → 분석 완료) 시각화로 비동기 흐름을 투명하게. 완료 시 결과 헤더(상품 수·총 리뷰 수·생성 시각) 추가. AnalysisProgress 컴포넌트+테스트 신설.
  • 대시보드: EmptyState 공통 컴포넌트로 빈 상태 개선(점선 카드+안내), "최근 분석" 헤더 건수 표기.

검증

  • npm run type-check 통과
  • npm test -- --run66/66 통과 (신규 AnalysisProgress 4 + EmptyState 3 포함)
  • 테스트 의존 텍스트/aria-label("이메일"·"분석 시작"·"분석 대기 중"·"분석 중입니다"·"아직 분석 기록이 없습니다." 등) 보존
  • BE 변경 없음

작업 방식

이슈 #21 → /task-with-harness(P1 인증 ∥ P2 스테퍼 ∥ P3 대시보드, 3 병렬) → 이 PR.

🤖 Generated with Claude Code

- 인증(login/register): 좌측 네이비 브랜드 패널(가치 카피/신뢰 포인트) + 우측 폼 2단 레이아웃
- 분석 결과: 제네릭 스피너 → 3단계 진행 스테퍼(수집→분석→완료) + 완료 시 결과 헤더
  (AnalysisProgress 컴포넌트+테스트 신설)
- 대시보드: EmptyState 공통 컴포넌트로 빈 상태 개선, "최근 분석" 헤더에 건수 표기
- 테스트 의존 텍스트/aria-label 보존, 66개 테스트 전체 통과

Refs #21

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@trz-21 trz-21 merged commit fa8a46a into main Jun 13, 2026
1 check failed
@trz-21 trz-21 deleted the feature/issue-21-app-ui-refresh branch June 13, 2026 17:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI] 앱 화면 리프레시: 헤더 브랜딩 + 대시보드/인증/분석 화면 정리

1 participant