소개
이 프로젝트에서는 React 를 사용하여 간단한 픽셀 아트 애니메이터를 구축하는 과정을 안내합니다. 이 가이드가 끝나면 픽셀 아트를 그리고 결과 애니메이션을 볼 수 있는 기본적인 픽셀 아트 편집기를 갖게 될 것입니다. 이 프로젝트는 초보자도 쉽게 따라 할 수 있으며, React 와 픽셀 아트 세계에 빠져들 수 있는 재미있는 방법을 제공합니다!
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
- React 프로젝트를 초기화하고 필요한 종속성을 설치하는 방법.
- 사용자가 색상을 선택할 수 있는 색상 팔레트 컴포넌트를 만드는 방법.
- 사용자가 픽셀 아트를 그릴 수 있도록 드로잉 그리드를 구축하는 방법.
- 진행 중인 픽셀 아트를 표시하는 아트 미리보기 컴포넌트를 구현하는 방법.
- 모든 컴포넌트를 메인 앱에서 결합하는 방법.
- 사용자 경험을 개선하기 위해 애플리케이션의 스타일을 지정하는 방법.
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- React 프로젝트를 설정하고 종속성을 설치합니다.
- React 에서 함수형 컴포넌트를 생성합니다.
- React state 와 props 를 사용하여 애플리케이션 데이터를 관리합니다.
- React 에서 이벤트를 처리합니다.
- CSS 를 사용하여 React 애플리케이션의 스타일을 지정합니다.
