[project BODYLIKE] Nav Bar 기능

Minjae JO·2022년 9월 7일
0

내비게이션 바

  • 검색창을 통한 검색 기능
  • 각 카테고리별 상품 리스트 확인 가능한 카테고리 메뉴 바 구현
  • 장바구니에 상품 담기 시 상품 수량에 따라 카운트되는 뱃지 구현
  • 로그인 되어 토큰을 보유한 회원일 시, 유저의 장바구니 정보를 조회하여 총 상품 수량 정보를 받아와서 뱃지에 반영, 실시간 업데이트
  • 로그인/로그아웃 상태 전환 시 텍스트 전환 기능
  • 토큰이 있는 로그인 된 회원일 경우, 토큰 유무를 판단하여 다른 텍스트를 보여주도록 구현

카테고리별 상품 목록

-9102736838140524926________________________________2022-08-26_________________12 24 19

  • 각 카테고리 탭 클릭 시 해당하는 상품만 조회할 수 있도록 구현
    • 각기 다른 카테고리 버튼을 클릭 시, 해당 카테고리의 id를 쿼리스트링에 담아 서버에 요청, 서버에서 id에 따라 해당하는 상품 정보 응답

검색 기능

-9102736838140524926________________________________2022-08-26_________________12 24 19 (2)

  • 검색창에 검색어 입력 시 검색어를 포함한 상품만 조회할 수 있도록 구현
    • 사용자가 검색창에 입력한 검색어를 쿼리스트링에 담아 서버에 요청, 서버에서 검색어에 따라 필터링된 상품 정보 응답

0개의 댓글