안녕하세요, 김찬우입니다

(사)글로벌인플루언서협회가 운영하는 인플루언서와 브랜드를 잇는 소모임 플랫폼. 서비스와 어드민 개발

• ›Next.js 16 App Router · React 19 기반 서비스와 Vite·react-admin 어드민 모노레포 구축
• ›AI 에이전트 기반 SDD·코드 리뷰·리뷰 반영 검증 자동화 프로세스 정착 — 전체 커밋의 약 28%, 최근 한 달 41%를 AI와 공동 작성
• ›Playwright로 MSA 백엔드 OpenAPI 스펙을 자동 수집해 AI 에이전트의 최신 API 참조 및 구현·리뷰 검증 자동화
• ›Biome 검사 체계 통합 및 타입 검사 시간 14초 → 7초 단축
• ›13개 언어 UI i18n, Google Cloud Translation API 서버 번역, Redis 번역 캐시 및 API 남용 방어 구현
• ›role/capability 통합 권한 시스템과 Unleash 서버 사이드 피처 플래그 구축
• ›Tiptap 리치 텍스트 에디터와 SSR ParserView 개발, sanitize-html 기반 XSS 방어 적용

온라인 마케팅 상품을 판매하고 제공하는 웹 서비스

• ›Server Driven UI 도입으로 상품 추가·수정 시간 60분 → 30분 단축, 1년 6개월간 신규 상품 150여 개 추가·관리
• ›SSR + TanStack Query Hydration 적용으로 메인·상품 페이지 FCP, LCP 50% 개선 및 상품 SEO 노출 지원
• ›FSD 아키텍처와 Custom Hook 패턴으로 상품 도메인 결함 발생률 40% 감소
• ›MAU 10,000명 · WAU 2,600명 · 참여율 80% 운영 성과
• ›상품·주문 주요 도메인 담당 및 메이저 릴리즈 5회 참여

Next.js 16·React 19 환경에 맞게 재구축한 사내 디자인 시스템. Vanilla Extract 기반 zero-runtime 스타일링과 서비스별 테마 확장 지원

• ›디자인 토큰·테마 시스템과 createTheme 기반 서비스별 테마 확장 구현
• ›Radix UI 기반 UI 컴포넌트 38개 개발 및 Storybook 문서 사이트 구축
• ›Figma Code Connect로 디자인 파일과 컴포넌트 코드를 연결해 디자이너·개발자 동기화 워크플로우 구축
• ›Changesets와 CI 기반 자동 버전 릴리즈 파이프라인 구축 (현재 v3.2.1)
• ›Next.js 16 Turbopack 호환을 위한 next-plugin 개발

사내 프로젝트에 디자인 시스템을 빠르게 적용하기 위한 확장 라이브러리

• ›디자인 시스템 구성 기간 1달 → 1주로 단축
• ›개별 컴포넌트 개발 기간 1일 → 10분으로 단축
• ›테마 기반 확장 시스템으로 디자인 수정 3시간 → 30분으로 단축
• ›MUI 참고한 createTheme · themeComponent 구조로 서비스별 커스터마이징 지원
• ›HTML 네이티브 기능 활용 및 react-hook-form 연계를 위한 비제어 컴포넌트 설계