공부할 참조 URL
www.hanumoka.net/2019/12/28/ubuntu-20191228-ubuntu-create-react-app/
Ubuntu18.04 Create react app 개발 환경
개요ubuntu 18.04 에 NVM, node, npm 을 설치하고 react 를 개발할수 있는 create react app을 설치해보자. NVM 설치하기1curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o
www.hanumoka.net
NVM 설치 전 필수사항
sudo apt install curl
하라는데로 일단 진행해보는 중..
- nvm 설치 스크립트 다운로드
curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
- nvm에 환경변수 설정
source ~/.profile
- 사용 가능한 노드 버전들 구경
nvm ls-remote
==> Last LTS: Fermium 녹색으로 표기된 버전으로 다음 진행하니 메모보단 드래그하고 엔터복사(putty 기준)
nvm install 14.15.3
노드와 NPM 설치가 완료 되었다.
Create React APP 설치(?)
위 명령어를 이용해서 create-react-app을 전역에 설치하고 react 프로젝트를 생성 할수 있지만, 아래의 npx 명령으로 create-react-app을 이용해서 react 프로젝트를 만들기를 추천한다.
NPM 5.2 버전 이후 NPX라는 node.js package 메니저를 이용해서 create-react-app을 실행할 수도 있다.
npx 명령어는 npm의 진화형태라고 보면된다.
속도도 npm보다 빠르다고 하며, 필요한 패키지를 전역에 설치하지 않고 필요할때 최신 패키지를 임시로 받아와서 설치해서 사용하게 된다.
npm 을 사용할 경우 글로벌 모듈이 혼잡해지는 것을 npx로 해결한다고 한다.
라고 위 URL에 있는 블로그에서는 설명을 길게 해주셨지만
잘 모르겠으니 일단 하라는데로.. 다음 내용 입력
npx create-react-app test-react-project
Bold처리된 내용은 프로젝트 이름을 지정하는 것으로.. 마음데로 해도 될 것 같다
npx create-react-app _________________
일단 어떻게 돌아가는지도 모르는 테스트용이 맞으니 문서에 기재된 그대로 한번 실험
(사실 복붙이 편하다..)
생성된 프로젝트에 진입해서 react를 실행할 수 있다고 한다
cd test-react-project
npm start
*별첨 cd는 폴더 선택이다.
cd abc라고 입력 시 abc 폴더로 들어간다
정상적으로 초기 셋팅이 완료되었다면 localhost:3000/ 으로 접속해서 확인할 수 있다
하지만 난 내 아이피를 열어서 쓸테다..!
공인IP 또는 사설IP로 직접 접근을 하려면 포트를 열어줘야 한다
netstat -nap | grep LISTEN 입력
해당 포트가 없다면 아래 내용 입력
sudo iptables -I INPUT 1 -p tcp --dport 포트번호 -j ACCEPT