📝 서비스 흐름도

👩‍💻 담당 역할

검색과 카테고리 탐색을 중심으로 한 메인 화면을 구현하고, LocalStorage 기반 장바구니 상태 관리와 구매 흐름을 설계·구현했습니다.

또한 사용자 흐름을 먼저 정의한 뒤 회원과 비회원의 이용 방식을 구분하여, 페이지 접근을 막기보다 구매·장바구니와 같은 행동 기능에서 로그인을 요구하는 기능 단위 접근 제어 방식을 설계했습니다.

담당 기능

메인 화면

• 검색 중심 메인 화면 UI 구현
• 카테고리 탐색 UI 구현
• 검색 결과 화면 구현
• 검색 → 상세 페이지 이동 흐름 구현

장바구니

• LocalStorage 기반 장바구니 상태 관리
• 상품 수량 변경 및 가격 계산
• 선택 상품 합계 계산
• 전체 선택 / 해제 기능
• 주문 완료 후 선택 상품 제거
• 빈 장바구니 / 상품 존재 화면 분기

서비스 설계