이번 프로젝트는 레이아웃은 대충 만들어놓고 기능 구현에 조금 더 집중해서 구현하자 라는 생각으로 만들었다.
장바구니를 하고 싶었던 이유는 백과 통신 하는 부분이 많이 차지해서 꼭 해보고 싶었던 부분이라 꼭 하고싶습니다! 라고 말을 해서 장바구니를 맡게 됐다.
역시나 2차도 노션을 활용 했고, 꼭 아침에 회의를 하고 하루를 시작했다 :-)
원래는 e-book을 구독하는 서비스를 계획 했으나, 시간 관계상 어렵지 않을까 하는 판단으로 e-book 서비스를 하는 사이트를 구상했다.(아마 리팩토링 때 구현하지 않을까 싶다!)
e-book 서비스라는 점 때문에 책 수량은 항상 고정값이라 따로 표시 하지 않았고
이외, 선택 구매 전체 구매 그리고 삭제 기능을 해서 만들었다.
처음에는 상태를 저장하는 부분을 두 부분을 만들었다. 데이터가 들어오는
const [productList, setProductList] = useState([]);
부분과,
const [checkbox, setCheckbox] = useState([]);
부분으로 나눠서 만들기 시작했는데 뭔가 복잡해지기 시작했다....
그래서 이렇게 기능 구현을 하지 말고 단계별로 정리해서 구상하기 시작했다.
1.레이아웃 짜기
2.담겨진 상품들 map으로 찍어내기
3.mockdata 만들기
4.개별 선택 및 전체 선택시에 id값 잘 들어오는지 확인하기
5.이후 삭제하기 구매하기 기능 구현하기
✍ ✔ 처음 프로젝트에는 너무 많은걸 안고 가려고 했고 정신이 없던 부분을 최대한 보완하고 알고 넘어가자라는 focus를 두고 시작했다.
기획 단계에서 가장 중요한 것은 공통된 부분을 확실하게 인지하고 가는 부분인 것 같다.
