성장형 취업 준비 서비스, Chick Mate
Chick Mate의 대표 캐릭터 칰칰이와 함께 AI 면접관을 통해 면접을 연습하는 성장형 면접 준비 서비스입니다.
면접을 준비하는데 어려움을 겪는 취업·이직 준비생이 각자에 맞는 역량을 키울 수 있도록 도와줍니다.
- 작업 기간 : 2025. 03. 20 ~ 2025. 04. 30
- 배포 주소 : www.chickmate.site
 choichangyeon |
 parkminjo |
 Hye10 |
|
담당 AI 선택 페이지 맞춤 채용 공고 페이지 |
담당 AI 진행 페이지 자소서 작성 페이지 |
담당 렌딩/온보딩 페이지 마이페이지 면접 기록 및 탭 관리 middleware 관리 |
 ImJaeOne |
 minchulpack |
|
|
담당 로그인/회원가입 페이지 캐릭터 및 경험치 관리 마이페이지 면접 기록 |
담당 전체 UI 디자인 |
- Next.js 기반의 웹 애플리케이션입니다.
- Zustand를 사용하여 사용자의 캐릭터 ID와 모달 ID 상태를 단순하고 직관적으로 관리합니다.
- TanStack Query를 사용하여 유저 정보, 캐릭터, 자소서, 체용 공고 데이터를 비동기적으로 요청하고, 캐싱과 쿼리 무효화를 통해 항상 최신 상태로 유지합니다.
- Prisma를 사용하여 DB 스키마를 설계하고, 안정적인 데이터베이스 구조를 구축했습니다.
- Route Handler를 이용하여 RESTful API를 구현하여, 클라이언트와 서버 간의 데이터 통신을 관리합니다.
- 이메일 회원가입 및 로그인 기능과 구글/카카오 기반 소셜 로그인을 제공합니다.
- 회원 정보 유효성 검사를 통해 정확한 데이터가 저장되도록 합니다.
- Tailwind CSS를 사용하여 반응형 디자인을 적용하였습니다.
- Vercel을 통해 프로젝트를 빠르고 안정적으로 배포하였습니다.
-
- 각 페이지별 이슈 생성
- 페이지별 feature 브랜치 운영 (
feat/#이슈번호-이슈명,refactor/#이슈번호-이슈명)
📁 public // 정적 파일 관리
📁 src
┣ 📁 app // page, Route Handler의 엔드 포인트를 관리
┣ 📁 components // 여러 페이지에서 공통으로 사용하는 컴포넌트를 관리
┣ 📁 constants // 자주 변하지 않는 상수를 관리
┣ 📁 features // 각 페이지 기능별 관리 (api, hooks, utils, components 등 포함)
┣ 📁 hooks // 페이지 내부에서 공통으로 사용하는 커스텁 훅을 관리
┣ 📁 lib // 공용 라이브러리 설정, 유틸 함수
┣ 📁 provider // root에 적용하는 Provider 관리
┣ 📁 store // zustand stroe 관리
┣ 📁 styles // css style 관리
┣ 📁 types // type alias 관리
┣ 📁 utils // 공통 유틸 함수 관리
┗ middleware.ts
