6 projects
Work
Design systems, product UX, and frontend infrastructure — built at Imagoworks for a dental AI platform used in 110+ countries.
- Project2026
디자인 시스템 플랫폼 & Figma-to-Code 자동화
외부 npm으로 흩어져 있던 디자인 시스템을 NX 모노레포로 통합하고, Figma 디자인 토큰이 자동으로 Pull Request가 되는 파이프라인을 구축했습니다.
- TypeScript
- React
- MUI
- NX
- Figma Plugin API
- AWS Lambda
- MCP
- Project2025
구독·계정 서비스 UI 아키텍처와 글로벌 UX
구독·결제·멤버·워크스페이스 기능을 독립 feature로 분리하고, Compound Component 패턴과 11개 언어 국제화, 초기 로딩 57% 개선까지 하나의 제품 경험으로 다듬었습니다.
- React 18
- TypeScript
- TanStack Query
- react-i18next
- MSW
- Project2026
Auth SDK와 브라우저·네트워크 안정성
12개 앱이 공유하는 인증 라이브러리를 auth-core와 auth-react로 재설계하고, 멀티탭·Sleeping Tabs·네트워크 불안정 같은 브라우저 제약을 정면으로 다뤘습니다.
- TypeScript
- React
- NX
- Zustand
- Jest
- Vitest
- Project2025
백오피스 고도화
사내와 협력사가 함께 쓰는 사용자 관리 도구를 3년에 걸쳐 고도화했습니다. TypeScript 점진 마이그레이션과 E2E 테스트, 테넌트 권한관리 설계까지.
- React
- TypeScript
- Cypress
- TanStack Query
- Project2026
프론트엔드 관측 기반 구축
감으로 판단하지 않기 위해, 25개 앱의 오류와 Core Web Vitals를 수집하는 관측 기반을 단독으로 구축했습니다.
- Grafana Faro
- OpenTelemetry
- Project2022
랜딩페이지 리뉴얼
인턴 시절 맡은 첫 프로젝트. 모바일 반응형과 SEO에 집중해 Lighthouse 49점을 95점으로 끌어올리고 검색 1페이지 노출을 만들었습니다.
- Next.js
- TypeScript
- Tailwind