이번 시간에는
또 한번의 실습을 하겠습니다
여기서 지금까지 배운
모든 기본기와 고급 개념들을
연습하실 수 있습니다
그리고 이 부분에서
이런 리액트 프로젝트 관리 앱을 만들겠습니다
겨이세ㅓ 프로젝트 생성, 프로젝트에 할 일 추가
그리고 다른 프로젝트를 볼 수 있습니다
또한 추가된 할 일을 지우거나 프로젝트를 지우기도 할 수 있습니다
물론 지금 이것은
상당히 기본적인 앱이지만
지금까지 배운 여러가지 기능들을
한데 결합하는 연습이 될 것 입니다
이 애플리케이션을 만들기 위해서는
컴포넌트와 상태를 사용하고
또 참조(ref)와 포털도 사용하게 될 것 입니다.
당연히 조금의 형식도 적용해야 합니다
우리가 이 부분을 통해 애플리케이션을 같이
차근차근 만들면서
제가 강력히 추천하는것은
이 프로젝트, 이 앱을 혼자의 힘으로
만드는 것을 도전하는 일입니다
최대한 할 수 있는 만큼 해 보시기 바랍니다
여기서 잘못된 방식은 없습니다
먼저 스스로의 방식을 도출한 후, 제 강의를 참고하세요
제가 어떻게 진행하고, 왜 특정 선택을 하는지 참고하시기 바랍니다
이 강의에 첨부된 파일을 보면
초기 프로젝트를 찾을 수 있습니다
로컬 버전과 코드샌드박스 버전 둘 다 있으며
당연히 두 가지 버전은 동일합니다
로컬 버전은
의존성 패키지를 먼저 설치해야 합니다
그리고 당연히 개발자 서버로 시작합니다
코드샌드박스 버전은 이 괒어이 불필요합니다
이런 화면이 보여야 하고
그리고 이번 프로젝트 형식을 위해 테일윈드(Tailwind) CSS를 사용할 것입니다
그래서 여기 H1 에
이런 작은 실용성 클래스가 있는것 입니다
제가 여기에 준비한 프로젝트에는
테일윈드 CSS가 이미 설치되어 있기 때문에
따로 추가 작업을 하지 않아도
바로 프로젝트에 사용하실 수 있습니다
그리고 저의 제안사항을 따라서
앱을 혼자 만들어 보실 때
공식 테일윈드 문서를 찾아보시면
어떤 클래스를 추가하면
원하는 형식을 만들 수 있는지 확인이 가능합니다
물론 거기까지 하고 싶지 않거나
그것에 관심이 없다면, 그것도 괜찮습니다
미적 요소를 고려하지 않는 프로젝트를 만드셔도 됩니다
제가 방금 프로젝트처럼
제대로 작동하는 것이 더 중요합니다
왜냐하면 당연히 제일 중요한 일은
리액트 코드를 정확히 작성하는 것이기 때문입니다
이 점에서 형식은 크게 중요하지 않습니다.
그러니까 꼭 혼자 먼저 시도해 보시고
다음 강의부터 저의 방식을 보여드리겠습니다