저번 시간까지 우리는
첫 번째 프로젝트를 작업하면서
중요한 개념과 패턴에 대해 배웠습니다
바로 컴포넌트, 속성 그리고 JSX에 대한 내용이었습니다
이번 강의에서는 두 번째 프로젝트로 넘어가서
틱택토 게임을 만들겠습니다
이 프로젝트 작업을 하면서 게임을 만드는 과정에서
이전 시간까지 배운 필수 개념들을 다시 보고
적용하게 될 기회가 있을 뿐만 아니라
이 필수 개념들을
조금 더 깊이 알아보고
그것에 더해
조금 더 심화된 개념과 패턴을 볼텐데
이는 상태(state)와
목록(list) 데이터 출력과
상태 데이터 파생과
더 많은 내용을 담고 있습니다
이번 구간을 지나면
이 필수 개념들에 대한
정리가 확실히 될 뿐만 아니라
중요한 패턴들과 더불어
필수 개념과 관련된 더 심화된 내용도
더 깊이 이해할 수 있을 것입니다
틱택토 게임을 만들기 위해
이 강의에 첨부된
새로운 프로젝트를 사용할 것입니다
로컬 개발 환경을 위한 zip파일도 있고
CodeSandbox 링크 또한 준비되어 있습니다
그리고 이미 아시겠지만
로컬 개발 환경에서 작업하기 위해서는
npm을 설치해야 하는데
먼저 zip 파일을 다운로드 후 압축 해제한 다음
npm run dev를 실행해서
개발 서버를 새로 열어야 합니다
현재 작업 중인 리액트 앱에 대한
반영이 자동적으로 업데이트됩니다
이 주소에 출력되는 것입니다
지금은 이 기본 웹사이트가
모든 준비과정이 끝난 뒤 접근 가능한 화면입니다
이 화면이 보이신다면 이제 작업을 시작할 준비가
모두 끝난 것입니다
그리고 CodeSandbox 를 이용한다면
npm을 설치할 필요가 없습니다
동일하게 npm run dev 또한 실행하지 않아도 됩니다
CodeSandbox에 이미 포함된 기능이기 때문입니다