👩🏻‍💻 헬로라이브 Frontend Developer (2023.09 ~ )

헬로라이브는 글로벌 팬덤 플랫폼으로 유저에게 아티스트의 라이브(콘서트, 팬미팅) 스트리밍과 영상 통화 이벤트 및 앨범 판매 등의 서비스를 제공합니다. 개발팀은 유저단과 함께 어드민 페이지를 개발하며 회사 내의 운영 업무를 지원하고 있습니다.

🛒 장바구니 개발 + 구매 목록 페이지 리팩토링

📌 프로젝트 개요

기존 상품은 이벤트 단위로 상품 한 개만 결제 가능하고 실물 상품 배송비는 건당 부과되는 등 유연한 상품 조합과 배송 전략을 적용하기 어려운 구조였습니다. 이를 해결하고, 상세 페이지에서 장바구니로 이어지는 구매 흐름을 사용자 친화적으로 개선하기 위해 장바구니 UX와 데이터 모델을 전면 재설계하는 프로젝트를 진행했습니다.

🎯 핵심 목표

• 상세페이지 → 장바구니로 이어지는 구매 흐름 재정비
• 상태-비즈니스-UI 레이어 분리를 통한 유지보수성 향상
• Zustand를 활용한 체계적인 전역 상태 관리 도입

💡 Zustand를 활용한 상태 관리 구조 설계

문제 상황

• 한 컴포넌트에 비즈니스 로직과 UI 로직이 혼재
• 데이터 흐름 추적의 어려움
• 낮은 유지보수성과 확장성

해결 방안: 계층적 아키텍처 도입

Store - Provider - Custom Hooks - UI Components의 4계층 구조로 설계하여 단방향 데이터 흐름을 구현했습니다.