[2주차 심화과제]JS로 야리무의 쇼핑몰

[yarimu]

✨ 구현 기능 명세

🔥 심화 과제

1. nav

   • [✅ ] nav모달이 부드럽게 나타나도록 animation 적용

2. 장바구니 페이지

   • [✅ ] 각 장바구니 아이템에 input 구현
   • [✅ ] 체크된 item들만 구매하기 모달에 들어가도록 구현
   • [✅ ] 최상단에 전체 체크가 가능한 input을 만들어 전체 상품을 한번에 구매/취소할 수 있도록 구현
   • [✅] 체크된 항목을 구매모달을 통해 구매하면 장바구니 목록에서 사라지도록 구현

📌 내가 새로 알게 된 부분 & 구현과정에서 고민과정

1️⃣ 모달 열고 닫기 (기존엔 hidden으로 구현했음)
2️⃣ 새로운 기능 추가를 위해 새로운 변수를 만들자!
3️⃣ 익스텐션 설치가 안되는 경우, vsCode의 extension 파일을 초기화 하는 것도 하나의 방법!

🥺 소요 시간

• 4h

🌈 구현 결과물

2.mp4