wecode +37 (9/23)

1. 컨버스 프로젝트

1)장바구니 화면

- 장바구니 데이터 통신 완료 (headers 에 유저 token 전달하여 authorization 획득 -> 해당 유저에 맞는 장바구니 데이터 불러오기)

- 장바구니 수량 +, - 통신 완료 (처음에 받아온 장바구니 데이터 배열에 다시 map을 돌려서, 클릭하는 아이템에 해당하는 수량만 update하는 새로운 배열을 return 하기)

- 장바구니 페이지 추천 제품 구현 : 내일 merge 후 테스트

2) 제품 상세 페이지

- 코드 최신화 + 리팩토링 반영

3) 참고 사이트

장바구니 페이지 기능들

전체삭제 버튼을 누를시 백엔드 서버에 삭제를 요청 carts에 담긴 상품들을 \[]로 초기화 시킨다.

velog.io

[React] 장바구니 api

장바구니 기능을 만들때, 상품을 프론트엔드에서 관리해도 되고, 백엔드에서 관리해도 됐기 때문에 어느쪽에서 그 일을 맡을지 역할을 분담해야 됐었다. 보통의 사이트에서는 백엔드 쪽에서 관

velog.io

What are GET, POST, PUT, PATCH, DELETE? A walkthrough with JavaScript’s Fetch API.

GET, POST, PUT, PATCH, and DELETE are the five most common HTTP methods for retrieving from and sending data to a server.

medium.com

1. 상품 상세페이지 기능 추가 구현

- (우선순위 1) 상세페이지에서 로그인시 로그인 팝업 및 로그인 API 사용하여 로그인 처리

- (우선순위 2) 장바구니 버튼 클릭하여 장바구니에 새로 추가 (method : POST, 필요 key는 백엔드 문의)

- (우선순위 3) 미니 장바구니 페이지와 ProductDetail 연결하기

2. 장바구니 페이지 기능 추가 구현

- (우선순위 1) 아이템별 삭제 버튼 클릭시 해당 아이템 장바구니에서 삭제

- (우선순위 2) '장바구니 비우기' 버튼 클릭시 모든 아이템 삭제

권영빈