권병준.
프런트엔드 개발자
상세 경력기술서는 요청 시 전달드립니다.
소개
8년차 프런트엔드 개발자. 커머스, HR SaaS, 증권 서비스에서 대량의 데이터를 다루는 화면, 여러 팀의 기능이 맞물리는 연동, 팀의 개발 절차와 검증 체계를 주로 다뤄 옴.
이해하기 쉽고 단순한 코드를 지향. 측정으로 병목을 확인한 뒤, 효과에 비해 복잡도가 작은 변경을 선택.
사람의 의도를 바탕으로 스펙 작성부터 설계, 구현, 검증, 머지까지 자동화하는 개발 플랫폼 설계에 관심. AI에게 얼마나 맡길지보다, 사람이 언제 어디까지 개입해야 효과적일지 고민 중.
작업 기록
아이콘 번들 구조 개편
모든 화면이 아이콘 198개를 한 묶음으로 받던 구조를 아이콘별 컴포넌트로 바꾸는 생성기와 codemod 구현. WTS 호환을 유지하며 사용처를 단계적으로 전환하고, Figma를 원본으로 삼는 동기화 명령으로 아이콘 추가 절차 자동화.
모든 화면이 받던 아이콘 공유 청크(gzip 약 24KB) 제거
화면별 중복으로 빌드 전체 용량이 약 2.8% 늘어나는 비용은 감수
검증 체계를 유지한 개발 속도 개선
커밋 검사, 캐시, 빌드, 이미지 단계의 비용을 나눠 실측하고, 효과에 비해 부담이 큰 변경은 되돌림. 단위테스트 1,773건을 MR 필수 검사로 연결.
커밋 시간 약 30초에서 8초, CI 빌드 잡 시간 약 33% 단축
경력
플랫폼개발팀 / 프런트엔드 개발자
초기 제품의 공통 코드와 앱 연동 규격을 정리하고, CI/CD와 개발 절차를 정비해 팀에 공유
- 주식모으기 서비스의 홈과 공유 기능 구현. PM, PD, BE, 퍼블리셔, WTS(웹 트레이딩 시스템) 개발팀 사이의 API 계약과 연동 규격 조율
- 앱과 웹 사이 브릿지 통신의 하위 호환 정책을 앱팀과 합의하고, 오류 처리를 위한 공통 응답 계층 구현
- 팀 개발 절차(이슈 등록부터 MR, 배포 노트까지)를 Claude Code 스킬로 연결한 개발 워크플로와 작업 추적 대시보드 구축. AI MR 리뷰 규칙 도입
성과관리(Performance) 스쿼드 / 프런트엔드 개발자
누적 가입 기업 6만 곳 이상(2025년 기준) HR SaaS의 성과관리 제품군(목표, 평가, 원온원) 프런트엔드 개발. 복잡한 제도 규칙을 이해하기 쉬운 화면으로 구현하고 대량 데이터 화면의 성능 개선에 집중
- 목표, 원온원, 평가 제품 개발. React Hook Form과 Zod 기반 다단계 평가 폼 등 복잡한 제도 규칙을 화면으로 구현
- 수천 명 규모 인사 데이터 테이블의 가상화와 키보드 탐색 등 대량 목록의 성능과 접근성 개선
- AI 에이전트에 업무 도구를 연결해 설계, 오류 분석, 테스트 작성에 활용
프런트엔드 개발자
커머스 핵심 기능 개발과 운영 중인 레거시의 점진적 Next.js 전환 주도
- Backbone.js와 jQuery 레거시를 Next.js로 옮기는 계획 수립. 경로 규칙 변경만으로 즉시 롤백할 수 있게 페이지 단위로 점진 이관
- 기능 단위 Hooks 도입으로 비즈니스 로직과 컴포넌트 분리
- 바로구매, fabric.js 기반 굿즈 커스텀 도구 개발과 커머스 화면 성능 개선
기타
사이드 프로젝트
Normalizr와 Reselect로 복잡한 API 응답과 파생 데이터 정리, Redux와 Immutable.js 기반 상태 관리 리팩터링