• 복잡한 사용자 흐름을 이해하기 쉬운 화면과 상태 구조로 정리합니다.
• 지도, 실시간 통신, 인증처럼 외부 시스템 의존성이 큰 기능을 안정적으로 연결합니다.
• 배포 이후의 문제를 발견할 수 있도록 모니터링과 성능 검증 환경을 함께 구축합니다.
• 팀이 같은 기준으로 개발할 수 있도록 디자인 시스템, 컨벤션, 문서화를 정비합니다.

IT 연합동아리의 공식 홈페이지와 리크루팅 서비스를 통합한 모노레포 플랫폼입니다.

• Frontend Developer, 운영진으로 서비스 개발과 운영 개선에 참여
• Next.js 16, React 19, TypeScript, Turborepo 기반 웹 애플리케이션 개발
• 구글 소셜 로그인, 지원서 작성, 어드민, 출석 및 상벌점 관리 기능 구현
• MSW 기반 Mock API 환경, Sentry 모니터링, Lighthouse CI 자동화 구축
• 신규 기수 모집 기간 지원자 수 57% 증가, 지원서 작성 CTA 클릭률 35.9% 기록

Next.js React TypeScript Turborepo TanStack Query Zustand MSW Sentry Vercel

남은 여행 식비에 맞춰 주변 음식점을 다시 추천하는 여행 식비 관리 앱입니다.

• 음식점 추천의 지도, 가격 목록, 상세 화면과 네이버 지도 SDK 연동 담당
• 수천 개 마커의 클러스터링 연산을 네이티브 영역으로 이동해 JS 스레드 부하 개선
• TourAPI와 착한가격업소 데이터 동기화 배치, 외부 API 프록시 경계 설계
• Figma 디자인 토큰과 GitHub를 연결한 자동화 파이프라인, GCP Cloud Run 배포 환경 구축

React Native Expo TypeScript Apollo Client GraphQL Supabase Express Sentry GCP

혼자 방문하기 좋은 장소와 코스를 탐색하고 기록하는 지도 기반 서비스입니다.

• 네이버 지도 기반 장소 탐색과 나만의 코스 생성 기능 담당
• 지도 bounds, zoom level, 마커 상태를 유지하는 사용자 흐름 설계
• GitHub Actions와 GCP를 연결한 CI/CD 파이프라인 구축

React TypeScript Vite TanStack Query Zustand Naver Maps GitHub Actions

동네 이웃과 식재료, 배달음식, 생활용품을 나눠 구매하는 React Native 앱입니다.

• Frontend Lead로 웹 개발 경험을 React Native 앱 개발로 전환하는 과정을 주도
• 구글 소셜 로그인, 토큰 갱신, 위치 설정, 파티 생성 및 수정 기능 구현
• WebSocket, STOMP 기반 실시간 채팅의 하트비트와 Android 프레임 처리 안정화
• 빌드 및 서명 설정부터 Google Play Console 내부 테스트 배포까지 수행
• 이슈 29건, PR 28건과 인수인계 문서로 구현 배경과 남은 과제를 기록

React Native Expo TypeScript TanStack Query Zustand WebSocket STOMP

Main

State, Data, Quality

Delivery, Collaboration