Skip to content

refactor: 달력 선택 UI 및 회원가입 화면 개선 - #21

Open
kiho-0 wants to merge 7 commits into
developfrom
feature/signup-refactor
Open

refactor: 달력 선택 UI 및 회원가입 화면 개선#21
kiho-0 wants to merge 7 commits into
developfrom
feature/signup-refactor

Conversation

@kiho-0

@kiho-0 kiho-0 commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

src/screens/auth/Signup/
├── component/
│ ├── BirthDatePicker.tsx # 생년월일 커스텀 달력 UI 컴포넌트
│ ├── RoleSelectButton.tsx # 역할 선택 버튼 컴포넌트
│ └── SignupScreen.tsx # 회원가입 입력 메인 화면 컴포넌트
├── hooks/
│ ├── useBirthDatePicker.ts # 달력 조작 및 날짜 상태 관리 Custom Hook
│ └── useSignUp.ts # 회원가입 폼 데이터 상태 관리 Custom Hook
├── styles/
│ ├── birthDatePicker.styles.ts # 달력 컴포넌트 전용 스타일
│ └── signup.styles.ts # 회원가입 메인 화면 전용 스타일
└── types/
├── birthDatePicker.types.ts # 달력 Props 및 상태 타입 정의
└── signup.types.ts # 회원가입 폼 데이터 및 타입 정의

@kiho-0

kiho-0 commented Jul 24, 2026

Copy link
Copy Markdown
Contributor Author

컴포넌트 분리 (screens/auth/Signup/component)
CaringLogo.tsx: 상단 케어링 로고 SVG 컴포넌트 분리
CaringDogIcon.tsx: 중앙 강아지 캐릭터 SVG 컴포넌트 분리
RoleSelectButton.tsx: 역할 선택(보호자 / 돌봄대상자) 공통 버튼 분리
BirthDatePicker.tsx: 생년월일 선택 컴포넌트 분리
SignupTypeSelectScreen.tsx: 회원가입 유형 선택 화면
SignupScreen.tsx: 회원가입 폼 입력 화면

비즈니스 로직 분리 (screens/auth/Signup/hooks)
useSignupTypeSelect.ts: 회원가입 유형 선택 화면 핸들러 로직 분리
useSignUp.ts: 회원가입 폼 상태 및 이벤트 처리 로직 분리
useBirthDatePicker.ts: 생년월일 피커 관련 로직 분리

스타일 및 타입 정의 분리 (styles & types)
signupTypeSelect.styles.ts, signup.styles.ts, birthDatePicker.styles.ts: 디자인 시안(Figma) 대응 및 오렌지 포인트 컬러(primary.DEFAULT) 반영

각 기능별 TypeScript 타입 정의 파일 추가 (signup.types.ts, signupType.types.ts 등)

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