전체 프로젝트

주식회사 이프립 · 풀스택 개발

완료

AI 커리어 플래너

GPT 기반 멘토링과 마인드맵·간트차트·칸반보드를 결합해 학생의 진로 설계와 실행을 돕는 플랫폼입니다. 프론트엔드 핵심 모듈의 약 90%를 개발했고 실제 고등학교 유료 계약 체결에 기여했습니다.

Period: 2024-08 - 2025-02
Scope: 3 areas

React
TypeScript
FastAPI
GPT
MySQL
Docker

주요 화면 & 동작

메인 대시보드

간트차트 뷰

사용자 흐름

로그인→플랜 생성→수정→시각화

성능 & 품질 지표

GPT 평균 응답: 4초 → 2.1초
OpenAI API 비용: 약 35% 절감
진로 설계 유지율: 3배 향상

아키텍처 한눈에

Jotai 원자 상태로 SSOT를 구성하고, 각 뷰는 필요한 파생 상태만 구독합니다.

Contributions

수행한 역할

Frontend

React와 TypeScript를 기반으로 서비스의 핵심 UI/UX를 설계하고 구현했습니다.

AI 멘토 채팅, 마인드맵, 간트차트 등 핵심 UI 모듈 90% 이상 개발
Jotai를 활용한 전역 상태 관리 아키텍처 설계 및 구현
react-flow, dnd-kit 등 라이브러리 커스터마이징을 통한 복잡한 인터랙션 구현
styled-components 기반 반응형 컴포넌트 시스템 구성

React
TypeScript
Styled-Components
Jotai
React-Flow
DND-Kit

Backend

FastAPI를 사용하여 AI 모델 연동 및 데이터 처리를 위한 RESTful API를 개발했습니다.

사용자, 커리어 계획 데이터 모델링 및 MySQL DB 설계
대규모 사용자 데이터 처리를 위한 DB 최적화 및 캐싱 전략 적용
Docker 환경 구성 및 로컬/배포 환경 분리 자동화

FastAPI
Python
MySQL
SQLAlchemy
Docker

AI Mentoring

OpenAI의 GPT 모델을 연동하여 AI 멘토링 기능을 구현했습니다.

GPT 응답 구조 설계 및 프롬프트 엔지니어링 협업
UI 설계 흐름에 맞는 GPT 응답 포맷과 프론트엔드 파싱 로직 통일

React
TypeScript
OpenAI API

정찬웅 | AI Application & Platform Engineer