[React] 리액트 공식 홈페이지에서 개념을 쌓아보기.../

리액트 공식 홈페이지

리액트 예제는 

실습 위주의 예제와,

개념(Concept) 위주의 예제로 구분되어 설명된다.

실습 위주의 예제는 Tic Tac Toe 게임을 만들어보며 개념을 익힐 수 있게 된다.

Setup for the Tutorial will give you a starting point to follow the tutorial.

Overview will teach you the fundamentals of React: components, props, and state.

Completing the Game will teach you the most common techniques in React development.

Adding Time Travel will give you a deeper insight into the unique strengths of React.

자바스크립트 개념 설명

이것 역시 영어 사이트이다. 

개발자 영어가 필요한 이유를 또한번 느꼈다.

최근에 올라온 한글 버전 블로그도 찾았다.

React 예제 한글화

  

개발은 하는 것은

브라우저에서 하는 것이 매우 쉽게 할 수 있고, 로컬에서 코드를 작성할 수도 있다.

브라우저에서 하는 것은 Codepen을 사용한다.

개인 PC에서 개발하기 위해서는 리액트를 별도로 설치해줘야 한다.

리액트 설치

0. 최신 버전의 Node.js가 설치되어 있는지 확인하고, 설치해둔다.

1. 리액트를 설치한다.

$ npm install -g create-react-app

2. 리액트 프로젝트를 생성 및 세팅한다. my-app이라는 폴더에 설치가 될 것이다.

$ create-react-app my-app