Works & Projects

웹과 모바일 플랫폼을 아우르는 기술적 도전과 해결 과정,
그리고 그 결과물들을 정리한 아카이브입니다.

Main Stream

Company

2026.03 - 진행중

Frontend Developer

홈쇼핑모아 디자인 시스템 어드민 (MDSA)

홈쇼핑모아의 디자인 토큰을 코드 없이 편집하고 웹/앱에 배포하는 AI 네이티브 어드민 시스템입니다. MCP 서버로 외부 AI 툴과 연동하여 디자인 시스템 컨텍스트를 실시간 제공하며, RAG 파이프라인으로 Figma 가이드라인과 토큰을 벡터 검색합니다.

Next.js 15

TypeScript

Tailwind CSS v4

Supabase

Style Dictionary

Voyage AI

MCP

Figma API

@dnd-kit

2024.01 - 진행중

Frontend Developer

홈쇼핑모아 (HSMOA)

홈쇼핑 상품을 한곳에서 비교하고 구매할 수 있는 통합 플랫폼입니다. 실시간 방송 연동, 스케줄 관리, 쿠폰 시스템 등 풀스택 이커머스 기능을 제공합니다.

Next.js

TypeScript

Redux Toolkit

Tailwind CSS

Emotion

2019.09 - 2021.03

Frontend Developer

Medit Partner Portal (MPP)

메디트의 글로벌 파트너(딜러)를 위한 B2B 포털 시스템입니다. 3D 스캐너 제품 주문, 배송 추적, Proforma Invoice 발행, 파트너 관리 등 딜러 영업 전 과정을 웹에서 처리할 수 있도록 구축했습니다.

Vue.js

TypeScript

Vuex

Ant Design Vue

REST API

Side Hustle

Personal

miniplay

Next.jsTypeScriptTailwind CSS+3

온가족이 함께 즐기는 벌칙 미니게임 모음 사이트입니다. 룰렛, 악어 이빨, 풍선 팡 등 6종의 미니게임을 PWA로 제공하며, Web Audio API로 효과음과 BGM을 코드로 합성합니다.

쿠팡 파트너스 API Test Console

Next.js 15React 19TypeScript+1

쿠팡 파트너스 API를 테스트하고 통합하기 위한 웹 애플리케이션입니다. 상품 검색, 딜/프로모션 브라우징, 상품 추천, 딥링크 생성 등 제휴 마케팅을 위한 다양한 기능을 제공합니다.

골드박스 투데이

Next.jsTypeScriptReact+3

쿠팡 골드박스 일일 특가 상품을 자동으로 수집하고 표시하는 제휴 마케팅 플랫폼입니다. Puppeteer 크롤링으로 150개 이상의 상품을 실시간 수집하며 가격 히스토리를 추적합니다.

GS Fresh Weekly

Next.jsReactTypeScript+3

GS Fresh 마트의 주간 특가 상품을 확인하고 쿠팡 가격과 비교할 수 있는 웹 애플리케이션입니다. 매주 목요일 새로운 전단지가 업데이트됩니다.