프로젝트 의 React 스킬 트리

React 색상 필터 애플리케이션

중급

이 프로젝트에서는 React 를 사용하여 색상 필터 애플리케이션을 구축하는 방법을 배우게 됩니다. 이 애플리케이션을 통해 사용자는 찾고 있는 색상의 이름을 입력하여 색상 목록을 필터링할 수 있습니다. 이 프로젝트는 React 에서 상태 관리, 이벤트 처리 및 조건부 렌더링을 사용하는 방법을 이해하는 데 도움이 될 것입니다.

reactjavascriptweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 프로젝트에서는 React 를 사용하여 색상 필터 애플리케이션을 구축하는 방법을 배우게 됩니다. 이 애플리케이션을 통해 사용자는 찾고 있는 색상의 이름을 입력하여 색상 목록을 필터링할 수 있습니다. 이 프로젝트는 React 에서 상태 관리, 이벤트 처리 및 조건부 렌더링을 사용하는 방법을 이해하는 데 도움이 될 것입니다.

👀 미리보기

project preview

🎯 과제

이 프로젝트에서 다음을 배우게 됩니다.

  • React 프로젝트를 설정하고 종속성을 관리하는 방법
  • 실시간 색상 필터링 기능을 구현하는 방법
  • CSS 를 사용하여 애플리케이션 스타일을 지정하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다.

  • React 프로젝트를 설정하고 종속성을 설치합니다.
  • React 에서 상태 관리 (state management) 를 활용하여 데이터를 필터링합니다.
  • 사용자 입력 이벤트를 처리하고 그에 따라 UI 를 업데이트합니다.
  • CSS 를 사용하여 React 애플리케이션의 스타일을 지정합니다.

강사

labby
Labby
Labby is the LabEx teacher.