WingTerView

서비스 바로가기

Table of Contents

프로젝트 소개

주요 기능

팀원 소개

기술 스택

개발 일정

아키텍처 구조

API 명세서

📖 프로젝트 소개

프로젝트 이름

윙터뷰 (Wingterview), 면접에 날개를 달자! 🪽

프로젝트 기간

2025.03.31 ~ 2025.08.01

프로젝트 설명

카부캠 교육생들을 위한 1:1 모의면접 자동 매칭 서비스.
희망직무와 기술스택이 비슷한 사람끼리 랜덤 매칭이 이루어지고 면접관과 면접자 역할을 번갈아가며 모의면접을할 수 있게 도와주는 서비스입니다. 면접이 진행되는 동안 AI 기술을 활용하여 실제 기술 면접과 유사한 질문을 자동 생성하고 면접자의 답변에 따른 꼬리질문도 제공됩니다. 면접이 끝난 후에는 진행했던 면접과 관련된 복습 퀴즈를 풀어볼 수 있습니다.

윙터뷰🪽는 이런 사람들에게 필요해요!

✔️ 카카오테크 부트캠프에 참여중인 누구나
✔️ 모의면접 중에 받았던 질문이나 피드백을 다시 복기해보고 싶은 사람
✔️ 모의면접 중에 면접관으로써 할 질문(혹은 꼬리질문)이 잘 떠오르지 않는 사람
✔️ 답변한 내용에 대해 좀 더 구체적인 피드백을 받아보고 싶은 사람
✔️ 면접 질문과 관련된 퀴즈를 풀며 복습하고 싶은 사람

프로젝트 주요 기능

• 카카오 로그인 (최초 가입 시, 온보딩 페이지에서 추가 정보 입력)
• 실시간 1:1 모의 면접 매칭 : 매칭 신청자에 한하여 1:1 매칭 실시간으로 랜덤 진행
• AI 기반 맞춤형 면접 질문 제공 : 직무/스택 기반으로 맞춤형 면접질문 생성
• 꼬리질문 생성 prompt : 면접관이 면접자의 답변을 참고해서 꼬리질문 prompt를 작성하여 꼬리질문 생성
• 면접관 및 AI 음성분석 피드백 제공 : 면접 종료 후, 면접관이 작성한 피드백 혹은 AI 음성 분석 피드백 전송
• AI 기반 복습 퀴즈 제공 : 과거에 진행했던 면접 질문/피드백을 분석하여 데일리 복습 퀴즈 10개 생성

👥 팀원 소개

🩷팀장🩷 AI	AI	AI	FRONTEND	BACKEND	CLOUD	CLOUD
eunice.song	tommy.kong	david.lee	joy.lee	leo.kim	ken.kim	jihoo.kim

🛠 기술 스택

프론트엔드

기술 영역	선택한 기술	선택 이유 및 장점
FE 프레임워크	React(v19) + Typescript(v.5) + Vite(v6)	- 동적 상호작용이 많은 CSR 위주 서비스에 최적화 - React 동시성기능 + Vite의 빠른 빌드 = 사용자경험 향상
상태 관리	Zustand (v5.0.3)	- Context API 대비 불필요한 리렌더링 감소로 성능 향상 - Redux보다 낮은 학습 곡선 + 간결한 API
스타일링	CSS Modules + SCSS	- 스타일링 커스텀의 자유도가 높음. 스타일 컴포넌트화 - Sass의 변수, 믹스인, 중첩 규칙 등 활용 가능
폼 관리	React Hook Form (v.7.50.0)	- 불필요한 리렌더링 최소화로 성능 최적화 - 폼 유효성 검증 & 상태 관리 편리함
Data Fetching	Tanstack Query (v.5.36.0)	- 서버 상태 관리 및 자동 캐싱 기능 - 데이터 상태(로딩, 에러, 성공) 관리 간소화