[ Project ] Cart ( 장바구니 ) 시스템

 

UI UX + CSS 는 ai 의 도움을 받았습니다 .

 

이번 경우에는, 파일 하나에 모든 코드가 들어있지 않고, 나눠서 작업을 했습니다.

 

1. cartMain.jsx ( Main이 되는 파일 )

2. cart.jsx ( 장바구니 역할을 하는 파일 )

3. products.jsx ( 상품 목록 파일 )

 

일단 prop으로 다 넘겨줘야해서, products 인 경우 useState를 이용해서 cart.jsx & products.jsx로 넘겨주고 onAdd onSub onDel 함수 또한 메인에서 만들고 다 넘겨주고 각각 모듈에서 실행하게 만들어줬습니다.

 

이번 기회에, { spread, map, filter만 사용하던걸 Array.prototype.find를 이용하게 되었고 상황에 따라 사용하게 되었습니다.