Projects

비즈니스 가치 창출 및 운영 효율화

• 주문서 폼 옵션 확장 대응

  What모든 주문의 유일한 진입점인 4단계 주문 폼에서, 운영팀이 수시로 추가·변경하는 옵션(현재 29종)에 대한 대응 필요How옵션을 스키마로 정의해 스키마 기반 동적 렌더링으로 처리하고, react-hook-form 기반으로 단계 간 의존 상태와 옵션 조합별 유효성 검증을 관리Result개발 배포 없이 신규 옵션 추가·확장 가능한 구조 확보, 동적 옵션 조합에서도 데이터 정합성 유지

• 치과 등록 플로우 개선 — Google Place API 기반 병원 검색·등록 UX 구축으로 가입 이탈 문제 해결, 유저 90%가 1회 검색으로 병원 탐색 성공
• 병원 자동 승인 및 온보딩 자동화 — 고객 증가에 따른 운영 인력 부담 해소

성능 및 안정성 최적화

• 번들 사이즈 최적화

  블로그
  WhatDatadog 모니터링으로 파악한 느린 초기 로딩 속도와 과도한 번들 사이즈HowSDK 동적 임포트 전환, Barrel Export 구조 개선ResultFirst Load JS 87% 감소 (1.7MB → 216KB), 로딩 속도 개선 확인

• 로그 안정성 개선 — FIFO 큐 버퍼링 시스템 구축으로 이벤트 로깅 누락 방지 및 데이터 무결성 확보

AI 기반 개발 생산성 혁신

• Claude Code 기반 자율 Agent 시스템 설계

  블로그블로그
  What반복적인 대규모 마이그레이션 작업의 생산성 한계HowCLAUDE.md 컨벤션·커맨드 체계 구축, Git Worktree 병렬 실행ResultReact Query v4→v5, Next.js 대규모 마이그레이션 수행

• 회귀 E2E 자동화 환경 구축

  블로그
  What배포 시 회귀 이슈 발생 리스크Howhusky 기반 유닛 테스트 커버리지 관리와 회귀 E2E 자동화 파이프라인 구축Result배포 안정성 확보

• Jira 티켓 분석 → PR 생성 워크플로우 확장 진행 (진행중)

빠른 MVP 출시

• 채팅 기능 MVP 4개월 내 출시

  What치과-기공소 간 실시간 소통 채널 부재How핵심 채팅 기능 위주로 스코프를 좁혀 4개월 내 MVP 설계·개발Result빠른 실행력 입증, 초기 사용자 피드백 기반 반복 개선이 가능한 구조 확보

아키텍처 전환

• React + Flask 아키텍처 전환

  WhatDjango 기반 Monolithic 구조의 확장성·유지보수 한계HowReact 프론트엔드와 Flask API 서버로 분리하는 구조 전환 수행ResultFE·BE 분리로 개발 생산성 및 유지보수성 향상

접근 제어

• 접근 제어 Wrapper 컴포넌트 구축

  What권한 없는 사용자의 기능 접근 방지 필요How세션·구성원 권한을 검사하는 접근 제어 Wrapper 컴포넌트 설계Result하위 트리 전반에 걸쳐 일관된 권한 검증 체계 확보

리뷰 영역 UX 개선

• 리뷰 웹뷰 컴포넌트 설계

  What네이티브 앱 내 리뷰 영역의 UX 개선 필요How웹뷰 기반 리뷰 컴포넌트를 설계·구축해 네이티브 앱에 삽입Result리뷰 작성·조회 경험 개선

상태 관리 구조 설계

• Zustand Slices Pattern 도입

  What여러 도메인의 상태 로직이 뒤섞여 관리되는 문제HowZustand Slices Pattern으로 도메인별 상태 hook 분리 개발Result상태 로직 분리로 코드 가독성 및 생산성 향상

• emotion theme 기반 디자인 시스템 — UI 일관성 확보 및 스타일 타입 안정성 개선
• 렌더링 및 JS 스레드 최적화 — 이미지 리소스 최적화 및 전역/로컬 상태 분배 재설계
• 매칭 도메인 UI 및 API 연동 — 검색·필터·팀·신청/상세 등 핵심 기능 완성

인증 시스템 구현

• JWT 인증 및 토큰 자동 갱신

  What로그인 세션 유지 및 토큰 만료 처리 필요HowJWT(Access·Refresh) 기반 인증과 Axios Interceptor를 통한 토큰 자동 갱신 구현Result끊김 없는 로그인 세션 유지

• 협업 컨벤션 정립 — Trunk-based flow, PR 템플릿, Airbnb 스타일 컨벤션으로 협업 기반 정립
• Storybook 도입 — 컴포넌트 격리 개발 환경 구성으로 props 일관성 및 재사용성 향상

핵심 작업

• Vue LifeCycle 기반 비동기 제어 — Q&A 플로우의 안정적인 순차 진행