김승민

디자인 시스템을 코드로 통역하고, 개발 병목을 기술로 자동화합니다.

프로젝트

Engineering & Systems

인프라 구축, 라이브러리 개발, 시스템 최적화

Project	Description	Stack
korean-markdown-fixer	한국어 마크다운 렌더링 보정 라이브러리 • 정규표현식 알고리즘 설계 및 NPM 배포 • Vitest 기반 엣지 케이스 테스트 커버리지 100% 달성	TypeScript NPM Vitest
리뷰팝 (ReviewPop)	500만 유저 앱 '데이트팝' 신규 웹 서비스 • FSD 아키텍처 도입 및 MSW 모킹 환경 구축 • DBML 기반 데이터 스키마 선제적 설계 및 제안 • 핵심 도메인 로직 및 UI 시스템 구현	Next.js 16 React 19 TypeScript
Home Server & Ops	자체 호스팅 & 생산성 자동화 파이프라인 • commit-cat 개발: AI 기반 커밋 메시지/코드 리뷰 자동화 CLI • 홈서버를 활용한 On-premise Linux 서버 및 Docker 무중단 배포 • Figma Variables → CSS 자동 변환 파이프라인 구축	Linux Docker Github Actions

Interaction & Web 3D

몰입감 있는 사용자 경험, 3D/인터랙션 구현

Project	Description	Stack
어디가냥	체험 예약 플랫폼 • 모바일 웹 3D 성능 최적화 (모델 80% 경량화) • 파편화된 필터 UI 통합 및 UX 개선 • 인터랙티브한 UI/UX	Three.js R3F Blender
FANDOM-K	K-POP 투표 플랫폼 • 스크롤 기반 인터랙티브 스토리텔링 구현 • 모바일 환경 60fps 애니메이션 성능 방어	Framer Motion React Styled-component

Technical Skills

• 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