Frontend Developer
측정 결과를 바탕으로 문제의 원인을 좁혀 가는 프론트엔드 개발자입니다.
시도한 방법과 확인한 결과를 기록하고, 동료와 논의하며 끝까지 해결합니다.
목적지 주변 주차장을 탐색하고 추천받는 모바일 웹 서비스
2026.08 ~ · React · TypeScript · TanStack Query · Naver Maps SDK · Webpack
- 더 가벼운 첫 화면 · 7개 페이지를 분리하고 미사용 상세 라우트를 정리해 초기 main 번들을 629 → 521 KiB, 약 17% 축소했습니다.
- 측정에 근거한 지도 최적화 · 지도 이동을 자동화해 생성·Paint·프레임 비용을 나눠 측정하고, zIndex 변경으로 발생하던 불필요한 마커 재생성 10회를 속성 갱신으로 대체했습니다.
- 실제 응답까지 확인하는 타입 안전성 · 6개 API에 Zod 검증을 적용하고 Sentry에서 확인한 응답·타입 불일치를 해결했습니다.
지도 최적화에서 배운 것
LOD와 조회 범위를 함께 바꾼 초기 기록에서는 dropped frame이 111 → 16으로 줄었습니다. 하지만 이를 LOD만의 효과로 단정하지 않았습니다. 변경 요인을 분리해 다시 측정했고, 작은 아이콘이 일관된 프레임 개선으로 이어진다는 결론은 내리지 않았습니다.
좋아 보이는 결과보다, 설명할 수 있는 결과를 중요하게 생각합니다.
2026.02 ~ 2026.11
- 5번의 페어 프로그래밍과 현직자 코드 리뷰로 컴포넌트·훅의 책임과 추상화 범위를 다듬었습니다.
- 이미지·번들을 최적화하고 Lighthouse·LCP로 전후 결과를 확인했습니다.
- SDD로 진행한 MVP 개발 경험을 테코톡에서 발표했습니다.
2022.06 ~ 2022.11 · Python · JavaScript · pandas · Selenium · BeautifulSoup
- 인스타그램 팔로워·유튜브 등 데이터 수집 자동화 4건을 유료 납품했습니다.
- 고객과 요구사항·작업 범위를 직접 조율하고, 약속한 기한 내 결과물을 전달했습니다.
Frontend React · TypeScript · JavaScript · TanStack Query · Emotion
Quality & Tooling Zod · Jest · Sentry · Webpack · pnpm
Automation Python · pandas · Selenium · BeautifulSoup