※ 이 튜토리얼은 리액트 지식이 없다고 가정한다.
튜토리얼 시작에 앞서
우리는 이 튜토리얼에서 작은 게임을 만들것이다. 당신이 게임을 만드는 것이 아니기 때문에, 건너뛰고 싶을 수도 있다. 그러나 그것은 기회를 줄 것이다. 당신이 이 튜토리얼에서 배울 테크닉은 어떤 종류의 리액트 앱이라도 만들 수 있는 기본적인 것이고, 그것을 마스터하는 것은 리액트에 대한 깊은 이해를 얻게 해 줄 것이다.
팁
이 튜토리얼은 실습하면서 배우는 것을 선호하는 사람들을 위해 디자인 되었다. 당신이 기초부터 컨셉을 배우는 것을 선호한다면, 여기 step-by-step을 확인하라. 당신은 이 튜토리얼과 가이드가 서로 보완재라는 것을 발견할지도 모른다.
이 튜토리얼은 몇개의 섹션으로 구분된다.
'튜토리얼을 위한 셋업'은 뒤 따르는 튜토리얼의 시작점이 될 것이다.
'개요'는 리액트 컴포넌트, props, state와 같은 기초적인것을 가르쳐 줄 것이다.
'게임완성'은 리액트 개발에 가장 공통적인 기술들을 가르쳐 줄 것이다.
'시간 여행 추가'는 리액트의 독특한 장점들에 대한 깊은 통찰을 줄 것이다.
이 섹션의 가치를 얻기 위해 한번에 모든 섹션을 완벽하게 할 필요는 없다. 한 섹션이나 두섹션이라도 당신이 할 수 있는 만큼 시도하면 된다.
우리는 무엇을 만들것인가?
이 튜토리얼에서, 리액트로 상호작용하는 틱택토 게임을 어떻게 만드는지 보여줄것이다. 최종결과에서 우리가 무엇을 만들것인지 볼 수 있다.
반응형
'IT' 카테고리의 다른 글
리액트 JSX란? (0) | 2023.02.01 |
---|---|
한글로 프로그래밍을 작성할 수 있다면. (0) | 2022.08.26 |
[영어로 배우는 React] 12. 리액트로 생각하기 (0) | 2022.04.28 |
[영어로 배우는 React] 11. 구성 vs 상속 (0) | 2022.04.28 |
[영어로 배우는 React] 10. state 위로 올리기(부모쪽으로) (0) | 2022.04.22 |