이건희
데이터의 본질을 화면에 담는 9년차 프론트엔드 개발자.
GS리테일 점포경영시스템과 펫프렌즈 커머스 서비스에서 업무 판단과 사용자 흐름이 만나는 화면을 만들어왔습니다.
데이터 기반 의사결정
화면에 노출되는 데이터의 신뢰도부터 확인합니다. Amplitude·Airbridge 트래킹을 구현해 사용자 행동을 확인할 수 있는 근거를 남기고, 화면에서 시작된 이슈도 API 응답과 집계 배치까지 따라가 원인이 어디인지부터 분명히 합니다.
사용자 경험 최우선
사용자가 반복하는 행동을 먼저 줄입니다. 검색 조건·검색목록 유지, 상품상세 이동, 스캔 기반 입력, Optimistic UI와 스크롤 위치 복원처럼 탐색 비용과 불필요한 재시도를 없애는 설계를 우선합니다.
코드 품질과 팀 기여
여러 화면에 영향을 주는 공통 컴포넌트와 공통 로직을 재사용 가능한 구조로 정리합니다. Yarn Berry(PnP) 의존성 최적화와 퍼블리싱 폴더 저장소 분리로 빌드 설정을 단순화해 팀 전체의 유지보수 효율을 높입니다.
이렇게 일합니다.
화면 뒤까지 봅니다
화면 이슈를 프론트엔드에서 멈추지 않고 API 응답, 조회 조건, 집계 배치까지 확인해 원인 지점을 먼저 특정합니다. 해피콜 화면에서 유형·템플릿을 각각 호출하던 구조는 통합 호출과 캐싱·재시도로 바꿔 응답 지연과 데이터 불일치를 해소했고, 대시보드 수치가 실제와 달랐을 때는 원인이 프론트엔드가 아니라 월별 집계 배치에 있다는 것까지 확인했습니다.
되돌릴 수 없는 곳은 서버에서도 막습니다
결제 화면의 판매 수량 상한을 화면 검증만이 아니라 점포 API에서도 차단해 화면을 우회한 조작을 막았고, 인증 실패 후 토큰이 남아 비정상 진입이 가능하던 경로도 함께 닫았습니다.
반복을 없애는 것이 좋은 UI라고 생각합니다
매주 같은 할 일을 다시 등록하던 작업은 주차별 복사 기능으로 없앴고, 상품을 하나씩 검색해 입력해야 하던 소비기한 등록은 바코드 스캔으로 등록할 수 있게 바꿨습니다. 검색 조건과 결과를 유지해 같은 검색을 반복하지 않도록 하는 것도 같은 맥락입니다.
판단 근거를 화면 안에서 끝냅니다
장려금·원가할인이 안내 문구로만 있어 상품을 다시 검색해야 했던 흐름을, 문구를 클릭하면 해당 조건이 적용된 발주 화면으로 바로 이동하도록 바꾸고 할인율·할인금액을 분리 표기했습니다.
공통화로 팀 전체의 비용을 줄입니다
화면마다 제각각이던 취급여부 토글·상품상세 팝업·행사 표기를 공통 컴포넌트로 통합했습니다. Yarn Berry(PnP) 의존성 정리와 퍼블리싱 폴더 저장소 분리처럼 빌드 환경을 단순하게 만드는 일도 함께 합니다.
반복 업무는 도구로 없앱니다
사내 저장소를 배포 채널로 삼아 clone 없이 최신화되는 Claude 플러그인을 만들어 파트 5명이 함께 쓰고 있습니다. 사내 이슈 트래커·위키·저장소·DB 커넥터 5종을 직접 붙였고, LangGraph와 N8N으로 만든 TC 자동 생성 도구는 몇 시간 걸리던 작성을 20분으로 줄였습니다.
지표로 확인한 뒤에 마무리합니다
웹투앱 전환 배너, 등급별 혜택 개인화 같은 A/B 테스트를 PO와 함께 진행했습니다. 실험 가설과 기획은 PO가 세웠고, 저는 미팅에서 구현 가능성과 동작 방식을 구체화한 뒤 Amplitude·Airbridge로 실험 코드와 이벤트 트래킹을 구현하고 결과를 함께 확인했습니다.
숭실대학교 일반대학원
미디어학과 석사과정 (파트타임)
숭실대학교
미디어경영학과 · 졸업
서울아이티고등학교
스마트웹디자인과
숭실대학교 창업동아리 CATCH#ME
프론트엔드 튜터 및 리더 · HTML5, CSS3, JavaScript, TypeScript, React 튜터링 진행