JSP로 구현된 WebView 영역을 Next.js로 마이그레이션

• SSR 방식으로 구현하여 페이지 로딩 속도 개선

React, Next.js, Zustand, TypeScript, Panda CSS

충전소 관리 시스템 전체 리팩토링으로 개발 속도 40%, 업무 효율성 30% 향상

• React Query를 도입하여 API 호출 빈도 30% 감소
• 코드 스플리팅 적용으로 초기 로딩 속도 2초 개선
• 필터 상태 데이터를 Search Params로 관리하여 브라우저 새로고침 및 공유 시 상태 유지

React, Zustand, TypeScript, Panda CSS, React Query, nuqs

JSP 기반 홈페이지를 Next.js로 마이그레이션

• 실시간성이 중요하지 않은 페이지는 ISR 방식으로 페이지 로딩 속도 개선
• Parallel Routes를 활용하여 Dialog의 열림/닫힘 상태를 URL과 동기화하고, 브라우저 뒤로가기로 자연스럽게 모달을 제어할 수 있는 사용자 경험 개선

React, Next.js, TypeScript, Panda CSS

팀 소속선수의 컨디션, 부상 데이터를 확인하고 관리할 수 있는 B2B 서비스

• Next.js v11에서 v14로 마이그레이션을 통한 성능 및 개발 환경 개선
• 디자인 시스템 라이브러리 개발 및 배포
• Google Sheets API를 활용한 국제화 텍스트 관리 자동화 구현

React, Next.js, TypeScript, Panda CSS, Apollo Client

전기 오토바이의 실시간 위치 및 상태 모니터링 시스템

• 카카오 지도 API를 활용한 실시간 차량 추적 대시보드 개발
• 코드 스플리팅 적용으로 초기 로딩 속도 2초 개선
• 공통 라이브러리 도입으로 UI 개발 기간 10% 단축

React, TypeScript, Emotion, Recoil, Apollo Client

개발 생산성 향상을 위한 라이브러리 구축

• 디자인 시스템 정립 및 UI 컴포넌트 라이브러리 개발
• 유틸리티 커스텀 훅 라이브러리 개발
• Changesets를 활용한 체계적인 버전 관리 시스템 구축

TypeScript, React, Emotion, Storybook, @svgr/cli, Changesets

근로자, 중장비, 자재 위치 모니터링 시스템으로 건설 현장 관리 효율성 향상

• Google Maps API를 활용한 건설 장비 실시간 위치 모니터링 시스템 개발
• React Native를 활용한 크로스 플랫폼 모바일 앱 개발
• APK 빌드 및 스토어 배포 자동화

TypeScript, React, React Native, Emotion, MobX, Apollo Client

설정한 시간까지 스마트폰을 사용하지 못하게 하는 잠금 기능과 시간 측정 기능으로 공부 시간에 집중을 도와주는 모바일 애플리케이션

• 애플리케이션 개발 시작부터 스토어 출시까지 전체 프로세스 경험
• Firebase FCM을 활용한 실시간 통신 구현

Android, Java