React 설치

React는 클라이언트단을 구성할 수 있는 프레임워크이다. 요즘 아주 많은 사람들이 애용하는 유용한 프레임워크라고 할 수 있다.

React를 실행하려면, 먼저 nodejs를 설치한다.

React가 클라이언트단을 구성한다면, nodejs는 자바스크립트를 사용하여 서버단 로직을 다룰 수 있는 환경이라고 할 수 있다. React를 서버에 동작시키기 위해서 꼭 필요하다.
nodejs를 설치하면 npm이라는 Node Package Manager가 함께 설치되는데, 이를 통해 React를 설치할 수 있다.

nodejs 설치는 Nodejs 홈페이지에 들어가서 최신 버전들을 설치하면 된다. 설치방법은 어렵지 않으니 대부분 [다음]을 클릭하여 설치한다.

모두 설치가 되었다면, cmd 화면에서 node -v라는 명령어로 nodejs가 잘 설치되었는지를 확인한다. version이 나온다면 제대로 설치가 된 것이다.

그렇다면 npm과 yarn 이라는 명령어 두 가지로 모두 사용가능한데, 일단 yarn 도 사용할 수 있기 때문에 yarn을 설치해준다.

npm install -g yarn

그리고 설치가 잘 됐는지 확인한다.

yarn --version

react를 쉽게 접하려면, 초기 개발 환경을 세팅해주는 Create React App을 사용하는 것이 좋다.

npm install -g create-react-app

으로 설치한 뒤, 원하는 위치에 signup 이라는 이름으로 project를 생성한다.

create-react-app signup

그러면 약간의 딜레이 이후에 signup이라는 프로젝트가 생성이 된다. 잘 생성이 됐는지 확인하려면,

cd signup
npm start

을 했을 때에, localhost:3000으로 새로운 React 모양의 창이 나타난다면 제대로 생성이 된 것이다.