React 시작하기

저는 그동안 리액트를 사용하면서 처음부터 공부하기보다는 프로젝트를 하면서 그때그때 배우는 스타일로 리액트를 학습했습니다.

그래서 오늘부터는 천천히 리액트를 다시 공부해볼까 합니다.

 

먼저, 리액트 프로젝트를 만들어 줍니다.

방법은 다음과 같습니다. CRA (Create React App) 으로 생성을 하는 것인데, 이는 웹팩과 바벨 설치 및 설정 과정을 생략하고 프로젝트 작업 환경을 바로 구축할 수 있다고 합니다.

yarn 을 사용하는 방법과 npx 를 사용하는 방법이 있는데, yarn 이 npm 다음으로 나온 것이라 속도도 빠르고 보안성이 좋다고 들었는데 속도도 지금은 비슷하다고 합니다. 저는 yarn 보다는 기존 방식인 npm 을 사용하고 있습니다.

npx 는 npm5.2.0 버전에 새로 추가된 도구인데, 앱을 설치하고 실행하는 것이 한번에 가능합니다.

npx create-react-app [프로젝트 이름] 

 

yarn 을 이용하는 방법은 다음과 같습니다.

yarn create react-app [프로젝트 이름]

 

저는 npx 를 통해 리액트 프로젝트를 생성하였습니다.

 

그리고 npm start 를 통해 실행시키면 개발 준비가 끝났습니다!

다음 포스팅에서는 코드를 이해해보겠습니다.