2023.07 - 2026.03
운영 어드민 단독 구축
호텔 운영 전 도메인을 다루는 어드민을 제로베이스에서 1인 프론트엔드로 단독 설계·구축.
- 역할
- 단독 설계·구축 (1인 프론트엔드, 제로베이스)
- React
- TypeScript
- Vite
- React Query
- Jotai
- React Hook Form
문제
판매기간·투숙기간·취소기한·재고·쿠폰·포인트·PMS 연동이 서로 제약을 주고받는 구조라, 50개 이상의 정책 조합을 화면마다 개별 분기하면 화면이 복잡해지고 잘못된 설정이 그대로 저장될 위험이 있었다.
해결
- 정책 조합을 정책 그룹으로 추상화하고 React Hook Form의 Nested·조건부·동적 배열로 UI를 구조화
- 등록 시 필수 항목 누락을 사전 체크하고, 날짜 필드에 minDate/maxDate 입력 제약을 걸어 정책 위반을 차단
- 5단계 권한 체계(MASTER/ADMIN/HOTEL/FNB/CS)를 라우팅 단위에서 재정의
효과
- 30개 이상 페이지·50개 이상 API·100개 이상 컴포넌트를 단일 모듈 구조로 유지