이번 강의 섹션에서는
완전히 새로운 데모 프로젝트를 진행해 볼 겁니다
이 프로젝트는 아예 기초부터 만들어나갈 겁니다
완전 기초부터 시작하는 것입니다
그리고 프로젝트를 만들어 가는 와중에
side effect (부수효과)와 useEffect 훅도 계속 다루겠습니다
그러므로, 이번 섹션의 목적은
지금까지 배운 것들을 연습할 기회를 드리는 겁니다
그리고 리액트와 Effect에 대해 더 심도 있게 배워보는 기회를 드리는 겁니다
그러므로, 이번 섹션에서
현재 알고 있는 리액트와 Effect에 관한 지식을 적용해 보실 수 있습니다
계속 해서 Effect 의존성과
cleanup (클린업) 함수를 다룰 것이며
그렇게 함으로써 여러분이 배운 것들을
추가하고 사용하면서 더 자신감을 가질 수 있도록 하겠습니다
완전히 새로운 프로젝트를 만들 예정이기에
완전 기초부터 시작하겠습니다
다른 리액트 개념들과 Effect를
어떻게 결합할 수 있는 지에 대해서도 보겠습니다
그러므로 이번 섹션에서는 여러분 완전히 스스로
이 프로젝트를 만드는 연습을 할 수 있습니다
즉 이번 섹션은
각 빌드 단계를 함께 거쳐가면서
제가 작업 방식을 설명하는 방식입니다
그 내용을 따라 하시면서
또한 스스로 만들어 보시되
지금까지의 강의들을 보시면서
중요한 개념들에 대해
더 나은 이해력을 얻을 수 있을 겁니다
이제, 언제나 같이, 이 섹션에서도
시작을 위한 초기 프로젝트를 준비해드렸습니다
로컬과 코드샌드박스 버전입니다
이 로컬 버전은 언제나 같이
npm install과 npm run dev를 실행하시고
코드샌드박스 버전에서는 그럴 필요가 없습니다
이 프로젝트를 실행하게 되면
이와 같은 화면을 보게 되실 겁니다
여기가 작업할 개발 서버입니다
아직은 별 게 없습니다
이제부터 함께 만들어 나가면서
이 섹션을 진행하겠습니다
언급한 대로 이 프로젝트를
아예 처음 단계부터 만들어 나가겠습니다
그러기에 Effect들을 다시 사용할 예정입니다
이번 프로젝트를 위해 필요한 요소들입니다
또한 배웠던 컴포넌트와 모든 것들을 복습하게 될 것입니다