구현 페이지
공부 기록
학습 목표
<aside> 🗒️ 하나의 상태에 접근하는 다양한 컴포넌트들을 설계하며 적절한 Prop 설계에 대해 고민해보아요.
API 호출로 인한 데이터 변화도 프론트엔드에 적절히 반영해보아요.
</aside>
[x] 상품 수량 변경, 삭제 등의 변경이 일어났을 때 cart 상태를 어떤 식으로 관리해야할까요? 처음에 가져온 데이터를 프론트엔드에서만 변경할 수도 있고, 무언가 변경이 생겼을 때 다시 서버에서 fetch할 수도 있을 것입니다. 각 방식은 어떤 장단점을 가지고 있을까요? 어떤 방식을 선택하는게 더 좋을까요?
여러 서비스들의 장바구니 페이지를 참고해보아요! 개발자도구 - Network탭을 활용하면 모두 알 수 있습니다 😃
[x] 상품 수량 변경 기능을 단순히 구현하면 1초동안 상품 수량 증가 버튼을 10번 누른 경우, 서버에 10번 요청을 보내야할 수도 있습니다! 요청이 덜 발생하도록 최적화해보아요.
[x] 상품 수량 변경, 삭제 API는 50% 확률로 실패하도록 해두었습니다. 에러 상황을 적절히 대응해보아요 🔧