Skip to content

OZ-Coding-School/oz_typescript_deepening_02

Repository files navigation

쇼핑 아이템 목록을 관리하는 애플리케이션

과제 정보

쇼핑 아이템 목록을 관리하는 애플리케이션을 구현

project-preview

과제 제출 방법

  1. 요구사항에 맞춰 작업이 완료된 코드는 본인의 레포지토리에 업로드합니다.
  2. 업로드가 완료된 레포지토리의 URL을 LMS의 댓글로 제출합니다.

미션소개

요구사항

다음 요구사항을 만족하도록 쇼핑 아이템 목록을 관리하는 앱을 완성하세요.

필수 요구사항:

  1. types/ShoppingItem.ts에서 Category 열거형과 ShoppingItem 인터페이스를 정의하세요.
  2. useState 훅을 사용하여 상태를 정의할 때 타입을 명시하세요.
  3. currentFilter 값에 따라 아이템을 필터링하고, 필터링된 결과를 filteredItems 상태에 저장하세요.
  4. 장바구니와 위시리스트 간 아이템 상태를 토글하는 기능을 구현하세요.
  5. 필터 UI 구현 및, 필터 버튼 클릭 시 currentFilter 값이 변경되고, filteredItems가 업데이트되도록 하세요.
  6. filteredItems 상태를 기반으로 아이템 리스트를 렌더링하고, 각 아이템에 대해 담기 버튼을 구현하세요.

템플릿 제공

과제 편의를 위해 UI 개발이 완료된 상태의 코드를를 제공합니다. 해당 레포지토리에서 fork 또는 clone 을 해서 작업을 하거나 처음부터 작업하셔도 무방합니다. 편하신 방식으로 진행해주세요.

About

oz_typescript_deepening_02

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published