기술 전문성
확장 가능하고 유지보수에 용이한 웹 애플리케이션 구현에 특화
프론트엔드 개발
- React
- Next.js 14/15
- TypeScript
- Tailwind CSS
- Zod
- ky
상태 관리
- MobX
- Zustand
- Tanstack Query
빌드/성능
- Yarn Workspaces
- webpack
- vite
경력
프론트엔드 개발에서의 나의 여정
프론트엔드 개발자
티엔앰테크
18,000개 이상의 편의점을 위한 레거시 SEMS 플랫폼 현대화 및 모바일 앱 리뉴얼 개발
레거시 SEMS 모바일 앱 Next.js 14 기술 스택 마이그레이션
JSON 스키마 기반 대시보드 렌더링 파이프라인 구축 및 확장 가능한 구조 설계
레거시 SEMS 플랫폼 이관 및 현대화 프로젝트 진행
프론트엔드 개발자 (파트 리드)
티맥스비아이
6,000명 이상의 사용자를 위한 한국농어촌공사 협업 시스템 구축 및 5명 프론트엔드 팀 리딩
번들 최적화를 통해 체감 성능(FCP/LCP) 55% 개선
MobX 기반 3계층 아키텍처 설계로 유지보수성 개선
다이얼로그 관리 구조 개선으로 약 20개 다이얼로그 요구 사항 대응
프론트엔드 개발자 인턴
크래커스튜디오
Klaytn 블록체인 생태계의 리퀴드 스테이킹 프로토콜 Stake.ly DAO 거버넌스에 기여
Klaytn 블록체인 생태계의 리퀴드 스테이킹 프로토콜 Stake.ly DAO 거버넌스에 기여
Featured Projects
A selection of work showcasing animation and interaction design
SEMS 웹 서비스 현대화
레거시 SEMS 관제 서비스를 사내 통합 플랫폼으로 이관하며, 설정(JSON) 기반 대시보드/위젯 구조의 애플리케이션 레이어로 재설계·구현한 현대화 프로젝트
SEMS 모바일 앱 리뉴얼
Spring/JSP 레거시에서 Next.js 14로 클라이언트 로직을 분리하여 고객 요구사항 반영 속도를 향상시키고, 외주 산출물 검수를 통해 데이터 정합성과 안정성을 확보한 모바일 앱 리뉴얼 프로젝트
한국농어촌공사 협업 시스템 구축
약 6,000명 사용자 규모 협업 시스템에서 MobX 기반 3-Layer 구조 설계/공통화로 유지보수성을 높이고, 번들 최적화로 조회 성능을 개선한 프로젝트