코멘토

코멘토

Frontend Developer Intern | 2025.04 – 2025.09

프로젝트 개요

커리어 교육 플랫폼 코멘토에서 프론트엔드 개발자로 근무하며 기존 웹 서비스의 프레임워크 마이그레이션, 성능 최적화 및 AI 기반 추천 기능 개발에 참여했습니다.

Nuxt.js 기반 페이지를 Next.js로 마이그레이션하면서 서비스의 로딩 성능을 개선하고, Jina AI 임베딩 모델과 ChromaDB를 활용한 부트캠프 추천 검색 인터페이스를 개발했습니다.

기존 서비스의 기술적 개선뿐 아니라 사용자가 자신에게 적합한 교육 과정을 탐색할 수 있도록 새로운 기능을 구현하는 경험을 쌓았습니다.

주요 업무

1. Nuxt.js → Next.js 마이그레이션

기존 Nuxt.js 기반으로 개발된 웹 페이지를 Next.js 환경으로 마이그레이션하는 작업을 수행했습니다.

주요 작업

• 기존 Nuxt.js 기반 페이지 구조 및 기능 분석
• Next.js 환경으로 페이지 마이그레이션
• 기존 서비스의 주요 기능과 사용자 흐름을 유지하면서 프론트엔드 코드 이전
• 마이그레이션 이후 페이지 동작 및 렌더링 성능 확인

성과

• 기존 대비 전체 페이지 로딩 속도 65% 개선
• 웹 프레임워크 마이그레이션을 통한 기존 서비스 개선 경험 확보

2. 웹 페이지 로딩 성능 최적화

서비스의 사용자 경험을 개선하기 위해 페이지 렌더링 성능을 측정하고 최적화했습니다.

주요 작업

• 페이지 로딩 과정의 성능 지표 분석
• LCP(Largest Contentful Paint), FCP(First Contentful Paint) 지표를 기준으로 성능 개선
• 마이그레이션 전후 웹 페이지 렌더링 성능 비교 및 검증

성과

주요 렌더링 지표를 약 50% 개선하여 사용자가 페이지의 주요 콘텐츠를 더 빠르게 확인할 수 있도록 했습니다.

3. AI 기반 부트캠프 추천 기능 개발

사용자가 자신에게 적합한 부트캠프를 탐색할 수 있도록 AI 기반 추천 검색 인터페이스를 개발했습니다.

주요 작업

• Jina AI 임베딩 모델과 ChromaDB를 활용하는 추천 시스템의 프론트엔드 인터페이스 개발
• 사용자 검색 입력과 추천 결과를 연결하는 UI 구현
• 추천된 부트캠프 정보를 사용자가 탐색할 수 있도록 화면 구성

성과

• AI 기반 추천 검색 기능을 실제 서비스에 적용
• 추천 시스템 도입 이후 월 부트캠프 판매 30건 이상 발생
• AI 기반 검색 및 추천 기술을 사용자 기능으로 연결하는 개발 경험 확보

기술 스택

Nuxt.js, Next.js, Jina AI Embeddings, ChromaDB

주요 경험

기술적 개선을 사용자 경험 및 비즈니스 성과와 연결한 경험

기존 Nuxt.js 기반 서비스를 Next.js로 마이그레이션하면서 단순히 프레임워크를 교체하는 것이 아니라 웹 페이지의 성능을 측정하고 개선하는 경험을 했습니다.

LCP와 FCP 같은 구체적인 지표를 통해 개선 결과를 확인하면서 프론트엔드 개발에서 성능 측정과 검증의 중요성을 배웠습니다.

또한 AI 기반 부트캠프 추천 기능을 개발하면서 임베딩 모델과 벡터 데이터베이스를 활용하는 검색 시스템을 사용자에게 제공하는 인터페이스로 연결하는 경험을 쌓았습니다.

이를 통해 기존 서비스의 기술적 품질을 개선하는 업무와 새로운 사용자 기능을 개발하는 업무를 모두 경험할 수 있었습니다.