디자인 시스템을 코드로 통역하고, 개발 병목을 기술로 자동화합니다.
인프라 구축, 라이브러리 개발, 시스템 최적화
| Project | Description | Stack |
|---|---|---|
| korean-markdown-fixer | 한국어 마크다운 렌더링 보정 라이브러리 • 정규표현식 알고리즘 설계 및 NPM 배포 • Vitest 기반 엣지 케이스 테스트 커버리지 100% 달성 |
TypeScriptNPMVitest |
| 리뷰팝 (ReviewPop) | 500만 유저 앱 '데이트팝' 신규 웹 서비스 • FSD 아키텍처 도입 및 MSW 모킹 환경 구축 • DBML 기반 데이터 스키마 선제적 설계 및 제안 • 핵심 도메인 로직 및 UI 시스템 구현 |
Next.js 16React 19TypeScript |
| Home Server & Ops | 자체 호스팅 & 생산성 자동화 파이프라인 • commit-cat 개발: AI 기반 커밋 메시지/코드 리뷰 자동화 CLI • 홈서버를 활용한 On-premise Linux 서버 및 Docker 무중단 배포 • Figma Variables → CSS 자동 변환 파이프라인 구축 |
LinuxDockerGithub Actions |
몰입감 있는 사용자 경험, 3D/인터랙션 구현
| Project | Description | Stack |
|---|---|---|
| 어디가냥 | 체험 예약 플랫폼 • 모바일 웹 3D 성능 최적화 (모델 80% 경량화) • 파편화된 필터 UI 통합 및 UX 개선 • 인터랙티브한 UI/UX |
Three.jsR3FBlender |
| FANDOM-K | K-POP 투표 플랫폼 • 스크롤 기반 인터랙티브 스토리텔링 구현 • 모바일 환경 60fps 애니메이션 성능 방어 |
Framer MotionReactStyled-component |
- Languages: JavaScript, TypeScript, HTML, CSS
- Frameworks: React, Next.js
- Interaction: Three.js, React Three Fiber, Framer Motion, GSAP
- Engineering: Git, Docker, Linux, GitHub Actions, Vercel