[Preterview] 1. MVP 기획 및 깃허브 세팅하기

📋 들어가며

2025년 하반기 취업준비를 하면서 많은 면접 스터디를 진행했습니다. 프로젝트 기반, CS 스터디 등을 운영하며 노션으로 진행하던 스터디 방식에 불편함을 느꼈습니다. 이로 인해 나만의 맞춤 서비스를 개발해보자는 생각을 했습니다. 그 과정을 기록한 글의 첫 글입니다.

 

 

👀개발 배경

1. 하나의 요약 노트를 만들고 싶다!!

우선 저는 참여하는 스터디가 많았고, 이를 하나의 폴더에 정리하고 싶었습니다. 그러나 알고리즘, CS, 포트폴리오, 프론트엔드 스터디에서 배운 내용을 각각 정리하다 보니, 폴더가 분산이 되었습니다. 공부를 하다보면 아시겠지만, CS 스터디 중 네트워크에서 배운 내용이 다른 파트에서 나오기도 하고, 깊이 있는 꼬리질문을 받다보면 여러 카테고리를 넘나들며 개념을 이해해야 합니다. 하지만 각각의 스터디에서 정리한 내용 중에서 이를 찾기도 힘들었고, 같은 내용을 중복으로 여러 곳에 정리하기도 했습니다. 따라서 나중에 배운 내용을 하나의 공간에서 채워 넣기가 힘들었습니다. 즉, 시험 직전 요약된 노트 1권만 가져가는 것처럼 하기 위해서 기존 노션을 그대로 사용하기에는 불편했습니다.

 

2. 면접 노트는 노션, 연습은 잡다?

개념 정리나 내용은 노션에 정리하고, 이를 실제 말로 연습하기 위해서 가장 많이 사용한 플랫폼은 '잡다'의 나만의 질문 만들기 기능이었습니다. 하지만 이를 바탕으로 내가 정리한 개념을 잘 말했는지 스스로 체크해야 하는 불편함이 있었습니다.

 

3. 내가 커스텀한 질문과 답변이 알아서 꼬리질문까지 만들어줬으면...

테크톡이라는 플랫폼도 사용해보았지만, 결국 얼마 안 쓰게 되었던 이유는 마련된 질문과 답변 퀄리티였습니다. 모두 플랫폼 측에서 준비한 내용이므로, 내가 더 깊이 있게 준비한 답변으로 정확도를 체크하고 싶었습니다. 또, 이를 바탕으로 키워드를 분석하고 알아서 꼬리질문도 내 질문에서 랜덤으로 추천해주는 구조를 떠올렸습니다.

 

 

등등,, 불편함으로 나만의 면접 플랫폼 Preterview를 생각했습니다.

 

---

🎤 Pre-terview

음성 인식과 AI 채점으로 실전 같은 면접 연습을 제공하는 웹 기반 플랫폼

 

 

우선 최소 기능은 다음과 같습니다.

 

🚀 최소 MVP 기능

1. 질문/답변 등록 및 관리

✅ 사용자 정의 질문 생성 (CRUD)
✅ 카테고리별 분류 (CS, 기술면접, 인성면접)
✅ 예상 답변 및 키워드 등록
✅ 드래그 앤 드롭 정렬

 

2. 음성 기반 면접 연습

✅ TTS: 질문 음성 읽기
✅ STT: 실시간 음성 인식
✅ 녹음 및 재생 기능
✅ 타이머 및 진행 상황 표시

 

3. AI 채점 엔진

✅ 답변 정확도 분석 (0-100점)
✅ 키워드 매칭 스코어
✅ 의미 유사도 분석 (GPT-4)
✅ 누락 키워드 및 개선 제안

 

4. 스크립트 관리

✅ 질문/답변 기록 자동 저장
✅ PDF 다운로드 (면접 스크립트)
✅ 세션별 이력 관리
✅ 통계 및 분석 대시보드

 

 

또, 추가적 확장을 고려해서 기존에 기출 면접 질문 리스트가 너무 많아서 무엇을 바탕으로 준비해야할지 감이 잡히지 않았습니다.

 

🔥추가 확장 기능

1. 커뮤니티 기능

나의 질문과 답변을 업로드하고, 다른 사람이 해당 템플릿을 그대로 사용하게 함으로써, 기존 합격자의 완성도 있는 스크립트로 면접을 준비할 수 있도록 합니다.

 

2. 프리미엄 서비스

AI를 바탕으로 한 키워드 꼬리질문 추천 서비스를 구독형 프리미엄 서비스 혹은 다른 사람의 템플릿을 가져올때 결제를 해야 하는 식의 플랫폼 내의 결제 서비스를 도입합니다.

 

 

---

레포지토리 구성

깃허브 레포지토리는 6개로 구분했습니다.

 

preterview-shared

• 공유 라이브러리
• TypeScript 타입 정의, 상수, 유틸리티 함수
• 모노레포 전체에서 공통으로 사용되는 코드

preterview-ai-engine

• AI 엔진 서비스
• OpenAI GPT-4 기반 답변 채점 시스템 추후 키워드 분석해서 꼬리질문 생성 · 추천

preterview-infra

• 인프라 관리

preterview-database

• 데이터베이스 관리

preterview-backend

• 백엔드 API 서버
• NestJS + TypeScript 기반 REST API
• 면접 관리 로직
• 사용자 인증 및 권한 관리

preterview-frontend

• 프론트엔드 애플리케이션
• Next.js 14+ TypeScript 기반
• AI 면접 연습 플랫폼 UI
• 사용자 인터페이스 및 UX