김성재

가격, 옵션, 리뷰, 배송, 프로모션 등 여러 영역이 맞물리는 상품상세 UI를 개발하고 운영했습니다. 신규 기능과 상품 유형별 변경이 미치는 범위를 기획, 디자인, 백엔드 담당자와 함께 확인했습니다.

iOS와 Android 기기, 브라우저별 렌더링 차이와 앱 WebView 이슈를 확인해 운영 환경에 반영했습니다. 문제가 발생했을 때는 서버 상태와 배포 결과, 검증 환경도 직접 확인했습니다.

React 기반 신규 UI 블록 약 18개를 구현했습니다. 공통 스타일을 제외한 기존 운영 블록 SCSS 약 108개는 React 컴포넌트의 분리 기준에 맞춰 화면 블록 단위로 재구성하고 전량 내재화했습니다.

기존 구조를 무리하게 1:1로 복제하지 않고 변경과 검증이 가능한 단위로 정리해 상품상세 첫 화면(ATF) 개선에 반영했습니다. 개발자와 AI 보조 도구가 코드와 스타일의 맥락을 한 저장소에서 확인할 수 있게 됐습니다.

AI 보조 도구를 활용해 약 2,384개 SCSS 파일을 Dart Sass 문법으로 전환하고, 전후 CSS 산출물과 빌드 결과를 직접 확인했습니다.

향후 Sass 업데이트에 대응할 기반을 마련했습니다. 별도의 빌드 개선 작업에서는 직렬 실행을 병렬화해 약 24초였던 빌드 시간을 14초 내외로 줄였습니다.

출석체크, 룰렛, 투표형 프로모션 페이지를 구현하고 게임 정보를 API로 연동했습니다.

매주 정기 배포를 담당하며 일정에 맞춰 콘텐츠를 반영하고 배포 결과를 확인했습니다.

정기 콘텐츠를 업데이트하고 CSS와 이미지 리소스를 배포했습니다.

이벤트와 공식 사이트의 변경 사항을 짧은 운영 주기에 맞춰 관리했습니다.

iOS와 Android 모바일 환경에서 발생하는 렌더링 차이를 확인하고 수정했습니다.

여러 모바일 환경에서 같은 콘텐츠와 인터랙션이 제공되도록 점검했습니다.

브라우저 공식사이트 UI 개발 전담.

i-award 최우수상 수상.

PUBG 공식사이트 구축 참여.

i-award 대상 수상.

여러 프로젝트가 동시에 진행될 때 업무 난이도와 일정 위험을 나눠 팀원별로 배분하고, 중간 확인 시점을 정해 결과물을 검토했습니다. 반복되는 이슈는 공통 작업 기준으로 정리했습니다.

최종 납기 전에 일정과 품질 문제를 확인할 수 있도록 진행 과정을 관리하고, 팀원과 고객사가 같은 작업 범위를 이해하도록 조율했습니다.