PROJECT 01
E-CommerceVIDEO
쇼핑몰 데모 — 쿠폰 엔진 & 관리자
주문 전체 생명주기와 쿠폰/포인트 엔진을 갖춘 이커머스 관리자 시스템 데모
주문·배송·클레임 상태머신, SKU 단위 재고, 회원 등급, 반품 검수(양품화) 분기까지 — WMS 도메인 지식을 이커머스에 접목한 사례
NestJSTypeScriptPostgreSQL
기획 · 백엔드 설계 · 프론트엔드 개발YouTube에서 보기 ↗
02 — PORTFOLIO
말 대신, 동작하는 데모 12종
경력 기술서가 아니라 실제로 돌아가는 결과물로 증명합니다. 영상 데모는 재생 버튼으로, 라이브 데모는 새 창에서 직접 만져볼 수 있습니다.
PROJECT 02
AnalyticsVIDEO
OpenTracker — 웹 행동 분석 툴
웹 방문 페이지의 사용자 행동을 수집·분석하는 트래킹 도구를 직접 구현
서드파티에 의존하지 않고 방문자 분석 로직을 서비스에 직접 내장할 수 있는 역량 증명
TypeScriptWeb Analytics
기획 · 설계 · 개발YouTube에서 보기 ↗
PROJECT 03
AI × CommerceVIDEO
Antigravity Skills — 구매 사이트 AI 분석
AI 스킬을 활용해 제품 구매 사이트를 자동으로 분석하는 파이프라인
최신 AI 에이전트/스킬 생태계를 실제 커머스 분석 업무에 응용한 사례
AI SkillsAI AgentAutomation
기획 · 에이전트 설계 · 개발YouTube에서 보기 ↗
PROJECT 04
Data VizVIDEO
공공데이터 연동 차트 (NestJS)
NestJS 백엔드로 공공데이터를 연동하고 차트로 시각화
정부/공공기관 데이터 연동 경험 — 공공 프로젝트 대응 가능성
NestJSTypeScriptChart
기획 · API 게이트웨이 설계 · 개발YouTube에서 보기 ↗
PROJECT 05
AI / LLMVIDEO
로컬 AI 개발학습 보조 챗봇
로컬 LLM(Ollama)으로 구동되는, API 비용 없는 개발 학습 보조 챗봇
로컬 AI + 클라우드 AI를 상황에 맞게 조합하는 하이브리드 아키텍처 역량
OllamaLocal LLMTypeScript
기획 · 아키텍처 설계 · 개발YouTube에서 보기 ↗
PROJECT 06
iOS AppAPP STORE
DOWNLOAD ON THEApp Store
Todo Fantasy — 앱스토어 출시작
일본 SRPG 미학과 생산성 앱을 결합한 게이미피케이션 TODO — 앱스토어 정식 출시작
기획 → 디자인 → 개발 → 심사 → 출시까지 전 과정을 혼자 완주한, 실제 스토어에 살아있는 제품
SwiftiOSNestJS
기획 · 디자인 · 개발 · 출시 (전 과정 단독)App Store에서 보기 ↗
PROJECT 07
Frontend UXLIVE
soundscapejin.netlify.app
LIVE라이브 데모 열기 ↗
SoundScape — ASMR 웹서비스
ASMR 감상을 위한 인터랙티브 웹 서비스 — 지금 바로 체험 가능한 라이브 데모
기능성 데모가 못 보여주는 것 — 감성적 UX와 오디오 인터랙션 구현 감각
ReactNext.jsframer-motionWeb Audio
기획 · UX 디자인 · 프론트엔드 개발라이브 데모 보기 ↗
PROJECT 08
WMS / 물류LIVE
superb-conkies-7a4112.netlify.app/dashboard
LIVE라이브 데모 열기 ↗
WMS 서비스 대시보드
물류관리(WMS) 실무 경험을 그대로 반영한 도메인 특화 대시보드
타 개발자와의 명확한 차별점 — 실제 물류 도메인 실무 경력이 녹아든 유일한 데모
ReactNext.jsData Visualization
기획 · 도메인 설계 · 프론트엔드 개발라이브 데모 보기 ↗
PROJECT 09
EdTechLIVE
lmsdemoproject.netlify.app/
LIVE라이브 데모 열기 ↗
이러닝 플랫폼 데모 (LMS)
사용자/관리자 화면을 모두 갖춘 이러닝 플랫폼 데모 — 강의 수강부터 운영 관리까지
수강생용 학습 화면과 관리자용 운영 화면을 한 프로젝트에서 동시에 구현한 풀 플로우 데모
ReactNext.jsTypeScript
기획 · 프론트엔드 개발라이브 데모 보기 ↗
PROJECT 10
Web DesignLIVE
websitetempleate.netlify.app/
LIVE라이브 데모 열기 ↗
웹사이트 랜딩페이지 템플릿
디자인부터 퍼블리싱까지 전 과정을 단독으로 진행한 랜딩페이지 템플릿
와이어프레임 없이 디자인 시안부터 반응형 구현까지 혼자 끝낸 결과물
ReactNext.jsframer-motion
기획 · 디자인 · 프론트엔드 개발라이브 데모 보기 ↗
PROJECT 11
E-CommerceLIVE
malldemo.netlify.app/
LIVE라이브 데모 열기 ↗
이커머스 쇼핑몰 데모 — 사용자/관리자
사용자 쇼핑 화면과 관리자 운영 화면을 모두 갖춘 이커머스 쇼핑몰 데모
구매자용 쇼핑 흐름과 운영자용 관리 화면을 한 프로젝트에서 동시에 구현한 풀 플로우 데모
ReactNext.jsTypeScript
기획 · 프론트엔드 개발라이브 데모 보기 ↗
PROJECT 12
SecurityLIVE
cardsecportal.netlify.app/
LIVE라이브 데모 열기 ↗
카드보안포털
한국 신용카드 보안포털 — 카드사 보안 인증/공지 흐름을 재현한 포털 데모
금융권 도메인의 복잡한 보안 정책·인증 UX를 구조화한 사례
ReactNext.jsTypeScript
기획 · 프론트엔드 개발라이브 데모 보기 ↗
비슷한 걸 만들어야 하나요?
요구사항 정리부터 함께 시작할 수 있습니다. 24시간 내 답변 드립니다.