Portfolio
Projects
0
Projects
0+
Technologies
2026
Year
첫 방문 시 프로젝트 페이지 로딩에 약 10초가량 소요될 수 있습니다.
Next.js·TypeScript·React·Python·FastAPI·Three.js·React Three Fiber·Tailwind CSS·Prisma·PostgreSQL·Rust·MediaPipe·Zustand·Vite·Firebase·Supabase·Vercel·Ollama·Claude API·Stable Diffusion·Tauri·WebSocket·SQLAlchemy·NextAuth.js·React Three Fiber·Web Audio API·Next.js·TypeScript·React·Python·FastAPI·Three.js·React Three Fiber·Tailwind CSS·Prisma·PostgreSQL·Rust·MediaPipe·Zustand·Vite·Firebase·Supabase·Vercel·Ollama·Claude API·Stable Diffusion·Tauri·WebSocket·SQLAlchemy·NextAuth.js·React Three Fiber·Web Audio API·
2025
BandStage
분산된 공연, 아티스트, 예매 정보를 구조화해 하나의 흐름으로 연결한 라이브 음악 플랫폼. 데이터 모델과 탐색 경험을 함께 설계해 공연을 찾는 과정을 시스템으로 정의했습니다.
ReactNext.jsTypeScript
2025
Page of Artist
텍스트 중심 탐색의 한계를 해결하기 위해, 아티스트와 음악 데이터를 3D 인터페이스로 재구성한 뮤직 플랫폼. 데이터 구조와 인터랙션을 결합해 사용자가 콘텐츠를 탐색하는 과정을 하나의 경험 흐름으로 설계했습니다.
2025
MDE
추상적인 음악적 상상을 LLM으로 분석해 10개 필드의 MusicProfile과 4방향 창작 가이드로 구조화하는 음악 디렉션 엔진. 음악 추천 생성이 아닌, 제작 전 단계의 방향성 데이터를 만들어냅니다.
2026
Emotion-Aware AI Voice Engine
STT, 감정 분석, LLM, TTS를 하나의 저지연 파이프라인으로 연결해 사용자의 감정 상태에 맞는 톤으로 응답하는 AI 음성 인터랙션 시스템.
2026
MUSE
손동작을 입력으로 받아 사운드를 제어하는 실시간 인터랙션 시스템. 입력, 인식, 매핑, 출력 구조를 설계해 사용자의 움직임을 음악으로 연결되는 흐름으로 구현했습니다.
ReactTypeScriptAI
2026
DesignFlow AI Builder
Figma 디자인 구조를 분석해 컴포넌트를 식별하고, React + Tailwind 코드로 자동 변환하는 AI 기반 코드 생성 시스템. 디자인 토큰 추출부터 LLM 기반 구조 해석, 코드 생성까지 하나의 파이프라인으로 연결했습니다.