Node.js와 React를 설치하는 방법

Node.js 설치

React로 웹프로그램을 개발할 때 유용한 패키지를 설치하기 위해 Node.js를 설치합니다.

Node.js는 공식 홈페이지를 통해 다운로드받을 수 있으며, 가급적이면 최신버전보다는 안정적인 구버전(LTS)을 설치하는것을 권장합니다.

Linux나 macOS 역시 Windows와 동일하게 공식 홈페이지를 통해 다운로드 받을 수 있으나, 빠르고 간편한 패키지 관리자를 사용하여 설치해도 무방합니다.

Linux

$ apt-get install nodejs

CentOS 계열 Linux

$ yum install nodejs

macOS

$ brew install nodejs

Yarn 설치

터미널 혹은 명령 프롬프트에 아래 명령 입력하고 실행합니다. 만약 실행이 되지 않는다면 NodeJS가 정삭적으로 설치되었는지 확인하고 만약 정상적으로 설치되어있다면 컴퓨터를 재부팅하여 아래 명령를 입력하고 실행합니다.

$ npm install yarn

React 앱 생성

아래 명령을 이용해 새로운 리액트 앱을 생성할 수 있습니다.

$ npx create-react-app [appname]

appname은 반드시 소문자로 구성되어야합니다.
appname과 동일한 이름의 디렉토리가 작업디렉토리에 존재하면 안됩니다.

React 앱 실행

아래 명령을 이용해 생성한 리액트 앱을 실행할 수 있습니다.

$ cd [생성한 React 프로젝트 경로]
$ npm start

정상적으로 생성 및 실행된다면, 웹브라우저가 열리면서 http://localhost:3000에 접속되는것을 확인 할 수 있습니다.