Ari.dev

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개 이상 컴포넌트를 단일 모듈 구조로 유지