"취업 공고 탐색부터 지원 서류, 전형 진행 상태까지 한 곳에서 통합 관리하는 취업 준비 서비스"
SWYP 웹 14기 5팀
지원한 공고가 많아질수록 진행 상태 파악이 어렵고, 기업마다 제출한 서류를 찾기 어려우며, 여러 채용 플랫폼을 오가며 공고를 비교하느라 시간을 낭비하고, 마감일을 착각해 지원 기회를 놓치는 경우가 발생합니다.
Chwihap은 공고 탐색부터 지원 서류 관리, 전형 진행 상태 추적까지의 흐름을 하나의 서비스로 통합해, 칸반 보드 기반의 직관적인 지원 현황 관리와 지원 마감일 관리를 제공하는 취업 준비 서비스입니다.
- 📌 지원 현황 관리: 칸반 보드 형태로 전형 단계를 한눈에 파악하고 직관적으로 관리
- 📎 서류 통합 관리: 지원한 공고별로 파일/링크/메모를 연동해 흩어진 서류를 한 곳에서 관리
- 🔍 통합 공고 탐색: 여러 채용 플랫폼의 공고를 한 곳에서 탐색하고 스크랩
- 📅 지원 마감일 관리: 날짜별로 그룹핑된 마감일 페이지로 지원 기회를 놓치지 않도록 지원
- 🔔 인앱 알림: 마감 임박 등 주요 이벤트를 서비스 내 알림으로 안내
| 역할 | 이름 |
|---|---|
| PM | 이세은 |
| Design | 손진영 |
| Frontend | 한태영 |
| Backend | 손세영 |
| Backend | 김동섭 |
| 기능 | 설명 |
|---|---|
| 통합 공고 탐색 | 여러 채용 플랫폼의 공고를 한 화면에서 탐색 및 스크랩 |
| 지원 현황 관리 | 칸반 보드 기반 전형 단계 관리, 드래그 앤 드롭 스테이지 재정렬 |
| 카드 상세 관리 | 공고 카드별 문서(파일/링크) 첨부 및 상세 정보 조회 |
| 지원 마감일 | 날짜별 그룹핑된 마감일 목록, 상시채용 카드 병합 표시 |
| 인앱 알림 | 마감 임박 등 이벤트에 대한 단건/전체 알림 및 삭제 |
| 카카오 로그인 | 카카오 소셜 로그인 기반 인증 |
| 랜딩페이지 | 서비스 소개 및 신규 유입 유저 온보딩 진입점 |
| 항목 | 사용 기술 / 라이브러리 |
|---|---|
| Framework | Next.js (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| State Management | Zustand |
| Server State | TanStack Query |
| 분석 도구 | GTM (Google Tag Manager), GA4, Maze |
src/
├── app/ # App Router 기반 라우팅
│ ├── api/
│ ├── auth/ # 로그인/인증
│ ├── deadlines/ # 지원 마감일 페이지
│ ├── jobs/ # 통합 공고 탐색
│ ├── kanban/ # 지원 현황 칸반 보드
│ ├── notification-preview/
│ ├── privacy/
│ ├── scraps/ # 스크랩 목록
│ ├── settings/
│ ├── terms/
│ ├── layout.tsx
│ └── page.tsx # 랜딩페이지
├── components/ # 공통 컴포넌트
├── features/ # 도메인별 기능 단위 모듈
├── lib/ # 유틸리티, API 클라이언트
├── providers/ # 전역 Provider
├── styles/
└── types/ # 타입 정의
- 배포 플랫폼: Vercel (Git 연동 자동 배포)
- 도메인: chwihap.com (Gabia에서 구매, DNS 연결)
- fork PR의 경우 매 커밋마다 배포 승인이 필요합니다 (Vercel 보안 정책)
┌────────────────┐
│ Web Client │ Next.js (App Router)
└────────┬────────┘
│
┌────────▼────────┐
│ Vercel │ 배포 및 호스팅
└────────┬────────┘
│
┌────────▼────────┐
│ Backend API │ https://api.chwihap.com
└────────┬────────┘
│
┌────────▼──────────────────┐
│ External Services │
│ Kakao Login / GTM / GA4 │
└────────────────────────────┘
| Repo | 설명 |
|---|---|
| SWYP_FE | 프론트엔드 (Next.js) |
Chwihap © 2026