1. 프로젝트 개요
1) 개발 동기: 파파존스를 클론 코딩 하여 사용자가 자신이 원하는 메뉴를 고르고 포장, 배달 주문을 선택할 수 있도록 페이지를 구성하였다.
2. 프로젝트 상세
1) 기능 구현
- 피자 하프앤 하프를 구성하여 도우, 사이즈, 피자 별로 가격을 매기고(value값으로 각각 부여) 값을 계산하여 e.target.value를 통해 결제 진행 부분으로 넘겼다. 사용자 입장에서는 원하는 맛으로 선택할 수 있는 커스터마이징 기능을 추가함.
- 배달, 포장 기능을 모달창을 통해 선택할 수 있도록 구현.
- 배달은 우편번호 API, 포장은 카카오맵 API를 사용해서 정보를 선택하거나 볼 수 있음
- 내가 선택한 피자의 정보, 내 주소 정보, 매장 정보 등은 context API를 사용하여 하위 컴포넌트 전체에 데이터를 공유하였음. 그래서 주문하기 페이지에서 모든 정보들이 넘어오게끔 구현함.
2) 시연
3. 느낀점
수업 시간에 배운 contextAPI를 사용하여 데이터를 전역적으로 관리하는 것에 편리함을 느낄 수 있었고,
모달창에서 주문 방식에 대해 선택하는 로직을 짜는 부분에 있어 true, false를 사용하였으나 조금 더 효율적인 유지 보수를 생각해볼 때 더 좋은 방법을 고안해볼 필요성이 있을 것 같다.
git에 대한 이해도가 부족했었는데 이번 프로젝트는 팀원들과 git을 사용하면서 과정마다 같이 확인해보며 고칠 부분에 대해서도 서로 상의하며 프로젝트의 완성도를 높일 수 있었다.
