Mini Clothing Store (바닐라 자바스크립트)

PC

Mobile

사용 언어

- HTML

- CSS

- JAVASCRIPT (Vanilla)

---

링크

• https://kimyang-sun.github.io/mini-clothing-store/

---

기능 설명

[카테고리 메뉴 기능]

• 처음에 아이템들은 json 데이터를 받아와 html로 변환하여 정렬합니다.
• 해당 카테고리 메뉴들이 링크가 아닌 하나의 페이지에서 자바스크립트를 이용하여 각각 아이템들의 데이터를 파악하여 해당하는 아이템들만 보여지게 됩니다.

 

각각의 카테고리 메뉴를 클릭하면 해당 카테고리에 해당하는 옷들이 분류되어 나타납니다.

체크상태인 메뉴들을 다시 클릭하면 체크가 해제됩니다. (상품 다시 필터링)