플러스프로젝트 배경
1) 문제점 - 객실별 예약 블록이 날짜를 걸친 경우(체크인~체크아웃) CSS Grid 셀 span 계산이 월 경계에서 끊기는 렌더링 문제 해결 — date-fns의 eachDayOfInterval로 날짜 범위를 분해하여 셀 단위로 블록을 분할 렌더링하는 로직 설계 - 산모 프로그램 배정과 식단 위클리 뷰가 동일 화면에서 드래그앤드롭을 동시에 지원할 때 이벤트 버블링 충돌 — HTML5 DnD API의 d
프로젝트 성과
산후조리원 예약 상태 머신 구현
대기→확정→입실→퇴실→완료 5단계 전이를 Finite State Machine 패턴으로 설계, 잘못된 상태 전이 시 PostgreSQL 트랜잭션 롤백으로 데이터 정합성 보장
산모별 돌봄 이력 통합 뷰 설계
산모 프로필·돌봄 프로그램·주간 식단을 단일 상세 화면에 통합, CSS Grid 7열×3행 식단 위클리 뷰와 Custom Hook 재사용 구조로 컴포넌트 16개 체계화
알림 자동화 규칙 빌더 구현
Cron 표현식 파서 기반 자동 발송 스케줄 설정 UI 구현, {{산모명}}·{{입실일}} 등 변수 치환 미리보기와 EventSource SSE로 대량 발송 진행 상태 실시간 표시
Recharts 복합 차트 대시보드 구축
ComposedChart로 바+라인 복합 차트 구현, useReducer + Context API 기반 전역 필터로 기간·객실타입 조건 전환 시 4개 KPI 카드와 차트가 동기적으로 재렌더링되는 구조 설계
입력 폼 Zod 스키마 검증 자동화 적용
React Hook Form + Zod 조합으로 예약·산모·알림 폼 8종 30개 이상 필드 유효성 규칙 선언적 정의, 오류 메시지 한국어 커스터마이징 및 실시간 인라인 표시
핵심 기능
통합 대시보드
오늘의 입퇴실 현황, 객실 가동률, 예약 추이 차트, 알림 발송 현황을 한눈에 파악하는 메인 대시보드. Recharts 기반 시계열 차트 + KPI 카드 그리드 + 오늘 일정 리스트 구현
진행 단계
산후조리원 도메인 분석 및 DB 스키마 설계
2025.01.
예약·산모·객실·알림 4개 도메인 간 관계형 스키마 설계, PostgreSQL 15개 테이블 및 Prisma ORM 모델 정의 완료
프로젝트 상세
1) 포트폴리오 소개 산후조리원의 예약·산모·객실·알림을 통합 관리하는 운영 플랫폼을 Node.js + Express + PostgreSQL 기반으로 설계·구현했습니다. 실시간 예약 캘린더, 산모별 돌봄 이력 관리, 객실 현황 대시보드, SMS/알림톡 발송 기능을 포함한 5개 핵심 모듈을 React 기반 단일 페이지 어드민으로 구축하여, 관리자가 하나의 화면에서 입퇴실·예약·산모 정보를 통합 관리할 수 있도
