[React] Ubuntu에서 React 시작하기

1. NodeJS 및 npm 설치

npm을 설치하여 React JS 설치를 시작한다. Javascript 패키지와 상호 작용하는 데 사용되는 명령 줄 도구이자,  800,000 개 이상의 Node.JS 패키지를 호스팅하는 온라인 오픈 소스 소프트웨어 레지스트리이다. Npm은 무료이며 공개 된 소프트웨어 응용 프로그램을 쉽게 다운로드 할 수 있다.

 

$ sudo apt install curl
$ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
$ sudo apt install nodejs

위 명령을 통해 curl을 먼저 다운로드 받아준다. npm을 다운로드 받을 수 있다.

 

 

$ npm --version

nodejs와 npm이 잘 설치되었는지 위 명령을 통해 확인해준다.

 

2. create-react-app 유틸리티 설치

create-react-app은 React Application을 만드는 데 필요한 모든 도구를 설정할 수있는 유틸리티이다. 모든 것을 처음부터 설정하여 많은 시간과 에너지를 절약하고 필요한 초기 시작을 제공한다. 

 

$ sudo npm -g install create-react-app

위 명령을 통해 다운로드 받아준다.

 

$ create-react-app --version

잘 받아졌는지 버전확인을 통해 확인한다.

 

3. React 애플리케이션 생성 및 실행(테스팅)

$ create-react-app liz0904-app

liz0904-app이라는 반응 앱을 테스팅 용도로 만들어보자!

애플리케이션에 필요한 모든 패키지, 라이브러리 및 도구를 설치하는 데 개오래걸린다. 한 5분정도?

 

완료되고 나면 디렉토리에 liz0904-app이 생겨있다.

cd명령어로 liz0904-app으로 이동해주자.

 

 

$ npm start

그 다음 해당 디렉토리에서 npm start를 해주면 서버 구동이 된다.

만약 npm start가 안된다면, 뭐시깽이-lock.json 파일을 지워주고 다시 npm install을 한 뒤 npm start를 해준다.

 

 

웹 브라우저에서 http://localhost:3000으로 접속했을 때 위와 같은 화면이 뜨면 설치 완료!

 

$ sudo npm install react-router react-router-dom

나중에 react-router와 react-router-dom도 필요하기 때문에 지금 미리 받아준다.