Demo Projects

직접 만든 프로젝트들을 소개합니다.

Strapi CMS 구조 최적화

Strapi CMS 구조 최적화

Strapi 기반 블로그·서비스 페이지의 deep populate 문제를 해결하여 초기 로딩 4.27초 → 71ms, 데이터 크기 2.18MB → 1.86KB로 개선했습니다.

Next.jsStrapiTypeScriptPerformance
렌탈 장바구니 UX 개선

렌탈 장바구니 UX 개선

렌탈 상품 옵션을 한번에 비교·수정할 수 있는 장바구니 중심 UX를 Zustand 기반으로 재설계하고, Amplitude 퍼널 트래킹을 통합했습니다.

ReactZustandTypeScriptAmplitude
TestGlider AI Web Interview

TestGlider AI Web Interview

OpenAI 기반 STT/TTS 웹 인터뷰 기능을 Jotai로 상태 구조를 재설계하여 음성 처리와 UI 진행 상태가 일관되게 동작하도록 개선했습니다.

Next.jsJotaiOpenAISTT/TTS
온라인 과외 매칭 MVP

온라인 과외 매칭 MVP

3일 만에 기획부터 개발까지 단독 진행한 MVP. Next.js와 Supabase 기반으로 구축하고, 3개월 내 월 매출 1천만 원을 달성했습니다.

Next.jsSupabaseSlack APIGoogle Sheets
160 App - 공모주 투자 플랫폼

160 App - 공모주 투자 플랫폼

Flutter 기반 공모주 투자 앱의 주요 화면과 기능을 개발하고, Riverpod 상태 관리 및 하나은행 in-app WebView 연동을 구현했습니다.

FlutterRiverpodWebViewPush Notification