Skip to content

✨ Feat: 기본 컴포넌트 구현 및 테스트 페이지 추가#5

Open
anjaein wants to merge 1 commit intodevfrom
#4/feature_basic-components
Open

✨ Feat: 기본 컴포넌트 구현 및 테스트 페이지 추가#5
anjaein wants to merge 1 commit intodevfrom
#4/feature_basic-components

Conversation

@anjaein
Copy link
Copy Markdown
Collaborator

@anjaein anjaein commented Apr 6, 2026

  • Header (1~5 변형), ProgressBar, TxtBox 컴포넌트 구현

    • 피그마 스펙에 맞게 TxtBox 스타일 수정
    • Header 변형 3~5번 디자인 반영 및 Header5 추가
    • 테스트 페이지(/test) 생성 및 홈에서 이동 버튼 추가

    이슈 번호

    close # 00

    주요 변경사항

    • components/header.tsx — Header1~5 변형 구현
      • Header1: 뒤로가기 + 벨 아이콘 (알람 dot 옵션)
      • Header2: 뒤로가기 + 왼쪽 타이틀 + kebab
      • Header3: 뒤로가기 + 가운데 타이틀 + kebab
      • Header4: 왼쪽 타이틀 + kebab (뒤로가기 없음)
      • Header5: 왼쪽 타이틀 + 오른쪽 텍스트
    • components/progress-bar.tsx — value/max 기반 진행 바 구현
    • components/txt-box.tsx — 피그마 스펙 반영
      • 5가지 상태: Default / Focused / Focused+값 / Unfocused+값 / 에러
      • supportingText 있을 때 포커스 없어도 핑크 테두리 유지
    • app/test.tsx — 컴포넌트 전체 상태 확인용 테스트 페이지 추가
    • app/(tabs)/index.tsx — 홈에서 테스트 페이지 이동 버튼 추가

    테스트 결과 (스크린샷)

    참고 및 개선사항

    • 테스트 페이지는 개발 확인용이므로 머지 전 제거 필요
    • TxtBox의 Focused 상태는 시뮬레이터에서 직접 탭하여 확인

- Header (1~5 변형), ProgressBar, TxtBox 컴포넌트 구현
- 피그마 스펙에 맞게 TxtBox 스타일 수정
- Header 변형 3~5번 디자인 반영 및 Header5 추가
- 테스트 페이지(/test) 생성 및 홈에서 이동 버튼 추가

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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.

1 participant