고객에게 맞춤형 뷰티 혜택을, 디자이너에게 경력 유지 혜택을 주는 뷰티 예약 서비스

🔗https://seomse.kro.kr/

목차

1. 팀원 소개
2. 기여도
3. 기술 및 개발 환경
4. 폴더 구조
5. 주요 기능
6. UI
7. 페이지 기능

1. 팀원 소개

김소진	민건호
kimSojinn	mingeonho1

2. 기여도

3. 기술 및 개발환경

분야	스택
프론트엔드

[개발 환경]

코드 충돌을 줄이고 브랜치 관리가 용이한 GitHub Flow 기반의 브랜치 전략을 따릅니다. 기능 단위로 브랜치를 생성하고, Pull Request를 통해 main 브랜치에 병합하는 방식으로 협업을 진행했습니다.

[커밋 컨벤션]

커밋 유형	설명
feat	✨ 새로운 기능 추가 (예: 새로운 섹션, 인터랙션)
fix	🐛 버그 수정
style	🎨 UI, CSS 수정 (기능 변경 없음)
refactor	♻️ 코드 리팩토링 (기능 변화 없이 구조 개선)
docs	📝 문서, README 등 수정
chore	🔧 빌드 설정, 라이브러리 업데이트 등
design	💄 디자인 수정 (비기능적, 시각적 변화 강조 시 사용)
deploy	🚀 배포 관련 설정 변경 (Netlify, Vercel 등)

4. 폴더 구조

📁

+---public
└─src
    ├─api
    ├─assets
    │  ├─font
    │  ├─images
    │  └─svg
    ├─components
    │  ├─admin
    │  │  ├─adminLogin
    │  │  ├─layout
    │  │  ├─reservationManagement
    │  │  └─reviewManagement
    │  ├─common
    │  │  ├─button
    │  │  ├─sectionTitle
    │  │  ├─selectGroup
    │  │  └─swiper
    │  ├─home
    │  ├─login
    │  ├─myPage
    │  ├─reservation
    │  ├─selectSchedule
    │  ├─signup
    │  ├─stylistServiceSelect
    │  ├─trend
    │  └─userDetails
    ├─config
    ├─hooks
    ├─layout
    │  ├─backHeader
    │  ├─header
    │  └─navbar
    ├─pages
    │  ├─adminLayout
    │  ├─adminLogin
    │  ├─adminReservationManagement
    │  ├─adminReviewManagement
    │  ├─detailedFilter
    │  ├─emailLogin
    │  ├─home
    │  ├─myPage
    │  ├─reservation
    │  ├─savedStyles
    │  ├─selectSchedule
    │  ├─signup
    │  ├─socialLogin
    │  ├─splash
    │  ├─stylistServiceSelect
    │  ├─trend
    │  └─userDetails
    └─types
        ├─common
        └─reservation

• api/ : API 통신 관련 모듈
• assets/ : 정적 리소스 (이미지, 폰트)
• components/ : 재사용 가능한 컴포넌트
• hook/ : 커스텀 훅
• layout/ : 레이아웃 (header,navbar)
• pages/ : 각 페이지 구현
• types/ : 타입 정의

5. 주요 기능

🔒 로그인 / 회원가입

• 이메일 로그인
• 카카오 소셜 로그인
• 회원가입
• 사용자 정보 입력
• 토큰 기반 인증

🏠 홈

• 이벤트 배너
• 메뉴 네비게이션
• 추천 콘텐츠 표시

💇 예약 시스템

• 스타일리스트/서비스 선택
• 날짜 및 시간 선택
• 예약 확인 및 관리
• 예약 상세 정보 조회
• 예약 취소

💈 트렌드

• 스타일 추천
• 트렌드 스타일 둘러보기
• 저장된 스타일 관리

🔍 필터링

• 상세 필터 설정
• 지역/서비스별 검색
• 맞춤 요청사항 작성

👤 마이페이지

• 프로필 관리
• 예약 현황 확인
• 리뷰 작성
• 로그아웃

👨‍💼 관리자

• 관리자 로그인
• 예약 관리
• 리뷰 관리
• 주간 예약 현황 확인