리액트 작업 환경 설정

리액트 프로젝트를 만드려면 우선 Node.js를 먼저 설치해야 합니다.

Node.js는 크롬 V8 자바 스크립트 엔진으로 빌드한 자바스크립트 런타임입니다.

이것으로 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있습니다.

Node.js 버전LTS 버전은 장기적으로 안정적인 지원을 제공하는 버전을 의미

운영체제 별 Node.js 설치 방법

• macOs : Homebrew 설치 후 brew install node 명령어 입력
• windows : nodejs.org/ko/ 다운로드

Node.js

 

Window버전용 Node.js 다운로드

 

Yarn : npm을 대체할 수 있는 도구로 npm보다 빠르며 효율적인 캐시 시스템과 기타 부가 기능을 제공합니다.

 

운영체제 별 Yarn 설치 방법

• windows : https://yarnpkg.com/en/docs/install#windows-stable

Yarn

• MacOs

MacOs설치 방법

 

 

프로젝트 생성하기

 

create-react-app은 리액트 프로젝트를 생성할 때 필요한 웹팩, 바벨의 설치 및 설정 과정을 생략하고 바로 간편하게 프로젝트 작업 환경을 구축해주는 도구입니다.

 

터미널을 열고

yarn create react-app {프로젝트 명}
npm init react-app {프로젝트 명}
npx create-react-app {프로젝트 명}

※ npx는 npm 패키지를 로컬에 글로벌로 설치하지 않고 바로 일회성으로 실행할 수 있게 해주는 도구이다. 
   npm 5.2.0 버전 이후부터 기본으로 제공된다.

프로젝트 생성이 완료되었다면 프로젝트 디렉토리로 이동 후 다음 명령어로 서버를 구동하면 된다.

• yarn start
• npm start