'KANU 클론 코딩'

사용자 경험을 극대화하기 위해 인터랙티브한 요소와 재사용가능한 컴포넌트를 활용했습니다.
- 각 제품 설명 섹션은 activeTab의 값에 따라 active 또는 hidden 클래스를 적용하여 보이거나 숨겨지도록 구성했습니다.
- shop 페이지에서 map 함수를 사용하여 카테고리 메뉴를 렌더링했습니다.
- 상품 정보는 products 배열로 관리되며, map 함수를 사용하여 동적으로 렌더링했습니다.

• 배포 주소: https://kanu-clone.vercel.app/

- 작업 기간: 2024.11

기술 스택

Development

Config

Environment

메인 페이지

---

SHOP 페이지