업무 플랫폼과 구독 커머스의 프론트엔드를 전담한 4년차 개발자입니다.

전체 화면과 API 연동을 맡으며 실사용 문제를 개선했습니다. 아래 대표 사례에는 구현 과정과 검증 결과를, 회사별 경력에는 담당 범위를 정리했습니다.

Blog · GitHub · 제품 쇼케이스

최종 업데이트: November 9, 2026

대표 사례

TalkGate · 공통 UI를 직접 확인하고 개선

채무조정·상담 업무 플랫폼 · 2025.10 - 2026.09

담당: 프론트엔드 전체 구현·API 연동, 직원 간 내부 채팅·사진·파일 전송

• 문제: 중첩 모달의 클릭·포커스·스크롤이 충돌하고, 공통 수정의 영향을 화면마다 확인해야 했습니다.
• 행동: 46개 모달의 공통 동작을 정비하고, 실제 컴포넌트를 불러오는 수동 확인 페이지를 만들었습니다.
• 결과: 업무 흐름을 매번 반복하지 않고 UI 상태를 확인하게 됐습니다. 이미지 포함 모달의 간격 오류도 발견·수정했습니다.

서비스 · TalkGate 상세 사례 | 공통 UI·조직 갱신·내부 채팅

꼬순박스 · 느린 상품 상세와 구매 흐름 개선

반려견 맞춤 간식 구독 커머스 · 2026.03 - 2026.09

담당: 프론트엔드 전체 구현·API 연동, 구독·단품 구매 흐름

• 문제: 이미지가 많은 상품 상세의 성능을 개선하고, 로그인 외의 구매 흐름까지 검증해야 했습니다.
• 행동: 이미지·폰트 로딩을 최적화하고, Playwright 테스트를 구독·주문·마이페이지로 확장했습니다.
• 결과: 상품 상세 페이지의 데스크톱 Lighthouse Performance 57 → 88점 (약 4회 측정)을 확인했습니다. Playwright E2E를 34개 시나리오로 확장했습니다.

서비스 · 꼬순박스 | 단품몰 확장·성능·구매 흐름 검증

L-Proof AI · 사람이 승인하는 뉴스레터 자동화