Case Studies

구현과 개선 사례

서비스 UI를 운영하며 발견한 문제, 선택한 변경 방식과 확인한 결과를 정리했습니다. 각 사례에는 직접 맡은 범위와 확인한 결과를 구분해 적었습니다.

UI & Frontend

신규 UI 블록 약 18개를 구현하고, 공통 스타일을 제외한 운영 블록 SCSS 약 108개를 React 구조에 맞춰 재구성해 상품상세 첫 화면(ATF) 개선에 반영했습니다.

가격, 옵션, 리뷰, 배송, 프로모션이 맞물리는 상품상세 UI를 운영하며 변경 범위와 WebView, 기기별 이슈를 확인했습니다.

향후 Sass 업데이트에 대비해 문법을 전환하고 산출물을 검증했습니다. 별도 작업으로 직렬 빌드를 병렬화해 약 24초에서 14초 내외로 줄였습니다.

색상과 사이즈 조합에 따른 재고, 추가 금액, 품절과 오류 상태를 React 컴포넌트로 구현하고 주요 상태를 Storybook에서 확인했습니다.

각 도구의 기존 로그인과 구독 환경을 유지하면서 목표, 결정, 실행과 리뷰 기록, 인계 문서를 한 작업 폴더에서 관리하는 오픈소스 CLI입니다.

제품 범위와 판정 기준을 정하고 AI 에이전트를 활용해, AI 도입 전 충돌과 미확인 범위를 읽기 전용으로 점검하는 CLI를 구현하고 검증했습니다.

여행 API 연동 코드, 상품 등록 정보와 투자 답변을 점검한 해커톤 제출물 3종과 AI 코딩 에이전트와 함께 추가한 LangGraph 학습용 후속 PoC입니다.

공식 가이드의 생성, 검증, API 발행을 자동화하고 네이버와 인스타그램 콘텐츠는 사람 검수 전 단계까지 연결한 운영 사례입니다.