프론트를 중심으로 백엔드 API와 LLM Agent 서버까지 직접 개발. 신약개발 SaaS·유전체 분석·LLM Agent service 세 제품을 기획 초기부터 출시·운영까지 만들며, 프론트-백엔드 스트리밍 계약(SSE 태그 구조)을 양쪽에서 설계.

계층 없이 뒤섞인 레거시를 FSD 레이어(shared/entities/features/widgets)로 재편해 계층별 관리. import 경계를 lint로 강제(3단계+ 상대경로 금지·API 타입 직접 import 차단)해 레이어 참조를 단방향으로 정리 → 순환참조를 구조적으로 방지. 전환에 그치지 않고 컨벤션을 문서화해 신규 프로젝트 표준으로 이식, 팀원 온보딩 교육으로 빠르게 적응하도록 함.

수천 노드 계층형 트리 렌더링 10초→2초(스켈레톤+가상화+노드 memo), 대규모 데이터 테이블 초기 렌더 2.2초→0.53초(75%). 그래프 렌더·WebGL 3D 뷰어 라이브러리를 포크해 사내 private npm으로 운영하며 내부까지 직접 패치.

반복되던 LLM 채팅 UI를 headless 사내 공용 패키지로 분리 — adapter 레이어가 백엔드 스트리밍 포맷을 정규화해 전송/파싱과 UI를 분리. 툴 호출·reasoning·todo 타임라인 컴포넌트, socket 실시간 알림(지수 백오프 재연결) 포함.

ESLint·Prettier·import 정렬을 Biome로 통합(커밋 훅 품질 게이트)하고, 린터로 표현할 수 없는 폴더 계층 방향 규칙은 별도 검사기를 신설해 커밋 시 자동 차단 — FSD 전환으로 세운 구조가 역방향 import로 되돌아가지 않게 유지. AI CLI의 Hook·Skill로 AI 코드 생성 규칙을 정의해 규칙 위반을 리뷰가 아닌 생성 시점에 거름. pnpm 모노레포(앱 4·패키지 5) + 앱별 독립 CD(배포 9분→5분대), 전체 프론트앱 Next.js 14→16·React 19 일괄 업그레이드, styled-components→Tailwind 전환·OpenAPI 타입 자동생성, 프로덕트팀과 Google Sheets 번역 파이프라인 공동 운영.

Radix(headless) 프리미티브를 래핑해 사내 UI 패키지를 구축, Storybook을 Chromatic으로 배포해 컴포넌트 시각적 회귀를 검증.