프로젝트 상세
팀 프로젝트 · 3명VIA
학생의 IT 분야 진로 탐색과 면접 준비를 돕는 AI 상담 플랫폼
GitHub 저장소
프로젝트 자료
프로젝트 화면
VIA의 실제 화면과 프로젝트 시각 자료입니다.
개요
프로젝트 개요
학생의 관심 분야와 저장된 정보를 AI 상담에 연결해 진로 탐색과 면접 준비를 지원하는 웹 서비스입니다.
- 프로젝트 형태
- 3인 팀 프로젝트
- 서비스 유형
- AI 진로 상담 플랫폼
- 진행 기간
- 2025.02.19 — 2025.06.13
개인 기여
담당 기능
개인화 상담과 사용자·상담 데이터 관리, 외부 API 연동을 포함한 백엔드 기능을 담당했습니다.
개인화 진로 탐색
사용자 정보와 관심 분야를 프롬프트에 반영해 맞춤형 진로 상담 응답을 생성하는 백엔드 흐름을 구현했습니다.
마이페이지 사용자 정보 관리
사용자와 학생 정보를 MongoDB에 저장·조회·수정·삭제하고 상담 응답의 사용자 맥락으로 연결했습니다.
상담 정보 저장
AI 상담 내용과 대화 이력을 저장하고, 상세 조회를 통해 이전 상담을 다시 확인할 수 있도록 구현했습니다.
커리어넷 API 연동
상담 질문에서 직업 정보를 탐색하고 커리어넷 데이터를 AI 응답에 결합하는 API 연동을 구현했습니다.
사용 기술
기술 스택
VIA의 사용자 화면, 상담 API와 데이터 저장 흐름을 구성하는 기술입니다.
프런트엔드
- JavaScript
- React
- Axios
백엔드
- Python
- FastAPI
- CORS Middleware
데이터 및 AI
- MongoDB
- OpenAI API
- 커리어넷 API
구성
시스템 아키텍처
FastAPI가 사용자 정보와 상담 이력을 MongoDB에서 조회하고 OpenAI 및 커리어넷 응답을 결합합니다.
핵심 흐름사용자 → React/Vite → FastAPI → MongoDB·커리어넷 컨텍스트 → OpenAI API → 응답 저장 및 반환
원본 크기로 보기 (새 창에서 열림)핵심 기능
주요 기능
사용자 정보와 외부 API를 상담 경험에 연결한 핵심 기능입니다.
개인화 진로 상담
사용자의 관심 분야와 저장된 정보를 프롬프트에 반영해 맞춤형 상담 제공
마이페이지
학생 정보를 저장·수정·삭제하고 진로 상담 응답에 활용
상담 이력
AI 상담 내용을 저장하고 상세 화면에서 이전 상담을 이어서 확인
커리어넷 연동
커리어넷 직업 정보를 상담 응답과 진로 추천에 결합
트러블슈팅
문제 해결
AI 응답 품질과 프론트엔드 연동, API 비용 관리 과정에서 얻은 경험입니다.
프롬프트에 따른 응답 품질 편차
- 문제
- 같은 의도의 질문도 표현 방식에 따라 응답의 정확성과 일관성이 달라졌습니다.
- 해결
- AI 역할과 사용자 정보를 명시하고, 친절하고 전문적인 어조와 간결한 출력 형식 등 응답 가이드라인을 프롬프트에 분리해 지정했습니다.
FastAPI와 React 연동 실패
- 문제
- 브라우저의 CORS 정책으로 React에서 FastAPI 호출이 차단되었습니다.
- 해결
- FastAPI에 CORS Middleware를 적용하고 허용 Origin을 환경별로 분리했습니다.
OpenAI API 사용 비용 관리
- 문제
- 정제되지 않은 데이터와 모델 테스트 과정에서 예상보다 많은 API 비용이 발생했습니다.
- 해결
- 실험 전에 입력 데이터를 정제하고 API 사용량과 비용을 함께 확인해야 한다는 운영 기준을 정립했습니다.
성과와 학습
결과 및 배운 점
VIA를 구현하며 완성한 기능과 프롬프트 설계 경험을 정리했습니다.
관심 분야와 기존 상담 기록을 활용한 맞춤형 진로 상담 구현
학생 정보의 저장·수정·삭제와 상담 응답 연결
AI 역할과 사용자 맥락, 출력 가이드라인을 활용한 프롬프트 설계 경험