Frontend Engineer | Service UI
서비스 UI를 만들고 운영하며복잡한 화면과 오래된 구조를단계적으로 개선해왔습니다.
13년 동안 커머스, 게임, 플랫폼 서비스의 UI를 개발하고 운영했습니다. 11번가에서는 모바일웹 상품상세와 앱 WebView UI를 담당하며, 상품 유형과 기기, 브라우저 환경별 차이를 확인하며 변경 사항을 단계적으로 반영했습니다. 최근에는 React 기반 신규 UI 블록을 구현하고, 분리돼 있던 운영 SCSS를 컴포넌트 구조에 맞춰 React 저장소로 옮겼습니다.
Featured Work
모바일웹 상품상세 UI
상품상세와 앱 WebView의 UI 개발과 운영
여러 유형의 상품상세와 앱 WebView UI를 담당하며 변경 범위를 확인하고, 반응형 화면과 기기별 이슈를 운영 환경에 맞춰 반영했습니다.
React UI와 SCSS 내재화
분리된 코드와 스타일의 작업 맥락 통합
신규 UI 블록 약 18개를 구현하고, 공통 스타일을 제외한 운영 블록 SCSS 약 108개를 React 구조에 맞춰 재구성해 상품상세 첫 화면(ATF) 개선에 반영했습니다.
Dart Sass와 빌드 개선
대규모 문법 전환과 빌드 병렬화
약 2,384개 SCSS 파일을 Dart Sass로 전환하고 결과를 직접 검증했습니다. 별도 작업으로 직렬 빌드를 병렬화해 약 24초에서 14초 내외로 줄였습니다.
Commerce UI Components
실무 경험을 바탕으로 다시 만든 상품 옵션 UI
옵션 조합, 재고, 오류와 모바일 바텀시트 상태를 React 컴포넌트로 구현하고 Storybook에서 검증했습니다.
What I Do
서비스 UI 개발과 운영
복잡한 사용자 화면의 상태와 예외를 구현하고 운영 중인 서비스에 안정적으로 반영합니다.
레거시 현대화
오래된 HTML과 SCSS 구조를 단계적으로 전환하고 컴포넌트와 스타일의 변경 맥락을 정리합니다.
협업과 검증
기획, 디자인, 백엔드 담당자와 변경 범위를 맞추고, 문서와 화면 확인 기준을 남깁니다.