Frontend
결과 · 역할
- 배포
- Vercel
- 품질 도구
- ESLint/Prettier/Husky
주요 작업
담당한 역할
- 글로벌 폰트/컬러 정의
- 리스트 테이블과 지역 필터 컴포넌트 개발
구현한 기능
- react-hook-form + zod 검증
- 공통 UI 컴포넌트 패턴
문제와 해결
1
폼 검증 패턴 통일
react-hook-form + zod로 입력·에러 메시지를 스키마 기준으로 맞춰, 페이지마다 검증 로직이 갈라지지 않게 했습니다.
깨달은 점
- 공통 UI와 폼 스키마를 먼저 잡으면 CRUD 화면 속도가 빨라짐
- 커스텀 훅으로 페이지네이션·모달을 묶으면 페이지 코드가 얇아짐