Projects
현장에서 발견한 문제를 어떻게 제품으로 풀었는지 기록했습니다.
DERMA:CODE
상담사의 감각에 의존하던 피부 상담을 데이터로 구조화한 상담 플랫폼.
Next.js 15 · React 19 · TypeScript · React Three Fiber · three.js · MediaPipe · TensorFlow.js · Konva · TanStack Query · Zustand · react-i18next · Tailwind 4
CPE
피부미용 의원의 실제 업무 흐름을 반영해 상담·결제 프로세스를 시스템화한 운영 프로그램.
V1 · Next.js 14 (App Router) · V2 · React 19 · Vite · react-router v7 · TypeScript 5.9 · Zustand · TanStack Query · Tailwind 4 · Storybook · Vitest · FSD
Derma:code Chart Library
제품 고유의 시각 표현을 구현하기 위해 직접 만든 사내 공용 차트 라이브러리.
Canvas API · TypeScript · pnpm workspace · tsup (CJS+ESM) · Vitest · Storybook · GitHub Actions · GitHub Packages
TheiA Super App
PC에서 처리하던 진료실 업무를 현장에서 처리할 수 있도록 옮긴 슈퍼앱.
Flutter (구현은 AI 코딩 도구 활용) · Melos 모노레포 · Figma · iOS 기준 · React (어드민 편집기)
Waiting for 7000 Bus
다음 버스를 찾는 시간을 줄인 7000번대 가평 버스 시간표 앱.
React · Vite · TypeScript · Zustand · Emotion