- 나에게 어울리는 헤어스타일을 찾는 일은 어려우며, 어떤 스타일이 내 얼굴형과 어울릴지 어떤 디자이너가 내 취향에 맞을지 고민이 많습니다.
- 또한, 바쁜 일정 속에서 미용실 방문이 어려운 경우도 많습니다. 그래서 우린 언제 어디서든 전문가의 컨설팅을 쉽게 받을 수 있는 서비스가 필요합니다.
- 따라서 헤어색chill은 원하는 스타일과 전문가를 빠르게 매칭하여 대면/비대면 헤어 컨설팅을 편리하게 예약할 수 있는 서비스입니다.
🏆 사이트
📹 시연 영상
📄 PPT
- 헤어스타일이 고민된다면? 전문가와 상담하고 바로 해결하세요!
- 대면/비대면 선택 후 나에게 맞는 디자이너를 추천해 드립니다.
- 예약 신청, 조회, 변경, 취소까지 한 번에!
📌 쉽고 직관적인 예약 시스템!
📌 대면/비대면 선택에 따른 맞춤 디자이너 추천
📌 신뢰할 수 있는 전문가들과의 컨설팅

- 터치 몇 번으로 손쉽게 예약
- 대면/비대면 중 원하는 방식 선택

- 가능한 시간을 자동으로 체크합니다.

- 대면/비대면 선택에 따라 최적의 디자이너 리스트업
- 프로필, 포트폴리오를 확인하고 내게 맞는 디자이너 선택

- 계좌이제/간편결제 지원 (페이앱 연동 가능)
- 결제 후 예약 확정 및 변경 가능
- 비대면 컨설팅 선택 시 구글 미트 링크 자동 생성


-
Google OAuth
- Refresh Token을 활용하여 Redis에 저장한 뒤 사용자 인증을 효율적으로 관리했습니다.
-
예약 시스템
- 사용자는 원하는 디자이너, 시간대, 비대면/대면 여부를 선택하고 결제를 통해 예약할 수 있습니다.
- 예약 조회, 예약 취소, 예약 생성 기능을 제공하며, 생성된 예약 시간은 다른 사용자가 선택할 수 없도록 제한했습니다.
-
결제 시스템
- 계좌이체 및 카카오페이를 활용한 결제 시스템을 구현했습니다.
- 계좌이체의 경우 딥링크(Deep Link)를 활용하여 앱에서 결제를 진행할 수 있도록 했습니다.
-
구글 미트 링크 생성
- 사용자가 비대면으로 예약을 신청할 경우, 시스템에서 자동으로 구글 미트 링크를 생성하여 사용자에게 제공합니다.
-
GPS 기능
- 디자이너를 조회할 때 사용자의 현재 위치를 기준으로 가장 가까운 디자이너 리스트를 조회할 수 있도록 구현했습니다.
-
로드밸런싱
- 서버를 3대 증설하여 트래픽을 분산하는 환경을 구축했습니다.
Management Tool
- 형상 관리 : Git
- 커뮤니케이션 : Discord, Notion
- 디자인 : Figma
🐳 Backend
- Java
17.0.6
- Spring Framework
3.2.4
🦊 Frontend
- React, TypeScript, CSS
🗝️ API
- Google(OAuth, Meet, MAP) API
- KakaoPay API
🗂️ DB
- MySQL
8.0.30
- Redis
🌐 Server
- AWS EC2 (Ubuntu
20.04
) - Nginx
1.23
(Reverse Proxy) - HTTPS (TLS
1.2
) - RDS, S3, LoadBalancing
🔨 IDE
- IntellJ
2023.2
- Feign Client를 활용하여 카카오페이 및 구글 미트 기능을 개발하였으며, 이를 통해 외부 API와의 통신을 간결하게 처리하였습니다.
- Kakao Pay API 호출 과정에서 권한 부족으로 인증 오류가 발생하여 디버깅을 통해 원인을 파악한 결과 구글 미트 관련 인터셉트가 모든 요청 헤더에 OAuth 토큰을 자동 추가하는 로직을 발견했습니다. 이에 카카오페이 API 엔드포인트를 예외 처리하여 정상적으로 요청을 완료할 수 있었습니다.
- 구글 미트 링크 생성 과정에서 클라이언트와의 통신 중 미팅 시작 시간을 넘겨주는 startTime 부분에서 오류가 발생했습니다. 트러블슈팅 결과 30분 단위로 분절된 타임 테이블 특성 상 밀리초 부분에 들어가는 00.000000값이 Google Meet API 내부적으로 null 처리되어 발생하는 오류였고, 이를 해결하기 위해 클라이언트 측에서 요청 시 밀리초 부분에 임의의 값을 추가하는 방식으로 수정하여 문제를 해결하였습니다.
- 구글 맵의 GPS 기능을 활용하여 사용자의 현재 위치를 기반으로 가장 가까운 디자이너 리스트를 조회할 수 있도록 구현하였습니다.
- 로드 밸런싱 기법을 적용하여 서버를 3대로 확장함으로써 부하를 분산시키고 안정적인 서비스 운영이 가능하도록 개선하였습니다.
안시환 | 이건희 | 송연우 |
---|---|---|
![]() |
![]() |
![]() |
Leader & PM | PM | Designer |
- 안시환 : 팀장, 프로젝트 기획, 상담, 최종 발표 진행
- 이건희 : 프로젝트 기획, 상담
- 송연우 : UI/UX 디자인, PPT 제작
이지현 | 장지요 |
---|---|
![]() |
![]() |
Leader & Frontend Developer | Frontend Developer |
- 이지현 : 프론트엔드 팀장, 페이지 설계, API 응답 처리
- 장지요 : 페이지 설계, API 응답 처리
김동욱 | 김민수 | 유승주 | 최승호 |
---|---|---|---|
![]() |
![]() |
![]() |
![]() |
Leader & Backend Developer | Backend Developer | Backend Developer | Backend Developer |
- 김동욱 : 백엔드 팀장, 서버 최적화, GPS 개발, Google OAuth 토큰 개발
- 김민수 : 구글 미트 API 개발, 예약 시스템 API 개발, 서버 최적화
- 유승주 : 예약 시스템 API 개발
- 최승호 : 예약 생성 및 타임 테이블 API 개발, 카카오페이 API 기반 결제 시스템 개발, 서버 최적화