0%

Ubuntu18.04 Create react app 개발 환경

개요

ubuntu 18.04 에 NVM, node, npm 을 설치하고 react 를 개발할수 있는 create react app을 설치해보자.

NVM 설치하기

1
curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh

위 명령어를 이용해서 nvm 설치스크립트를 다운로드 한다.

1
bash install_nvm.sh

위 명령어를 이용해서 다운로드한 nvm 설치 스크립트를 실행 시킨다.

설치 스크립트가 실행되면서 export명령이 자동으로 동작하여 nvm에 필요한 환경변수를 설정해 준다.

아래 명령어로 os 가 리부트 되도 환경변수가 유지되게 설정하자.

1
source ~/.profile

아래 명령어를 사용하면 이제 nvm으로 사용가능한 node 버전이 리스트로 출력된다.

1
nvm ls-remote

1
nvm install 12.14.0

2019.12.28 기준으로 node 12.14.0이 최신 LTS라고 나온다.

위 명령으로 원하는 버전의 node를 설치하자.

아래처럼 node와 npm이 설치된 것을 확인할 수 있다.

Create react app 설치

1
2
npm install -g create-react-app
create-react-app test-react-project

위 명령어를 이용해서 create-react-app을 전역에 설치하고 react 프로젝트를 생성 할수 있지만, 아래의 npx 명령으로 create-react-app을 이용해서 react 프로젝트를 만들기를 추천한다.

NPM 5.2 버전 이후 NPX라는 node.js package 메니저를 이용해서 create-react-app을 실행할 수도 있다.

npx 명령어는 npm의 진화형태라고 보면된다.

속도도 npm보다 빠르다고 하며, 필요한 패키지를 전역에 설치하지 않고 필요할때 최신 패키지를 임시로 받아와서 설치해서 사용하게 된다.

npm 을 사용할 경우 글로벌 모듈이 혼잡해지는 것을 npx로 해결한다고 한다.

1
npx create-react-app test-react-project

생성된 프로젝트에 진입해서 react를 실행시키자.

1
2
cd test-react-project
npm

프로젝트가 실행되면 http://localhost:3000/ 로 접속해서 확인해 볼 수 있다.

참고자료

ubuntu create-react-app 설치

https://www.techomoro.com/how-to-install-and-setup-a-react-app-on-ubuntu-18-04-1/

npx 설명

[https://ljh86029926.gitbook.io/coding-apple-react/undefined/npm-npx](