관리 메뉴

SIMPLE & UNIQUE

2. AWS ec2 /sftp로 react 파일 전송/ssh로 서버세팅/ip로 서버 접속 본문

React & Node/Guide

2. AWS ec2 /sftp로 react 파일 전송/ssh로 서버세팅/ip로 서버 접속

착한코딩 2019. 11. 15. 16:14

1. sftp로 react root경로 폴더를 압축해서 서버에 옮겨 놓는다.

 

2. ssh에서 ftp로 올린 폴더 경로 이동한다.

 

%참고 : tar파일 압축 푸는 명령어는 

tar -xvf 파일명.tar

 

3. react 경로에 node.js와 npm, yarn을 설치한다.

apt-get upgrade //설치된 패키지들 모두 새버전으로 업데이트
apt-get install nodejs // nodejs 설치

apt-get install npm // npm 설치
sudo apt install yarn //yarn  설치

nodejs -v // node 버전확인
npm --v // npm 버전확인
yarn --v // yarn 버전확인

4. package.json에 추가된 npm, yarn 모듈들을 설치하기 위해 아래 명령어를 실행한다.

npm install
yarn install

5. 아래 명령어로 react서버를 실행한다.

docker로 이미지생성 후 컨테이너를 이용해 서버를 구동하면 터미널을 종료해도 서버가 구동된다.

이전 글에서 git대신 sftp로 파일을 이동시킨 것과 같은 이유로, 초보자에게는 서버 구조가 익숙해지면 docker를 사용하길 권장한다.

docker를 사용하지 않더라도 nohup 명령어를 사용하면 터미널이 종료되도 서버를 구동중으로 유지할 수 있다.

%참고 : nohup - 터미널 세션이 끊겨도 실행을 멈추지 않게하는 명령어

           & - 프로세스를 실행할 때 백그라운드에서 동작하도록 하는 명령어 

 nohup yarn start & //터미널이 꺼져도 서버구동
 yarn start //터미널이 꺼지면 서버종료

6. 서버가 실행되지 않고 특정 모듈이 설치되지 않았다고 한다면 

npm이나 yarn install [모듈명] 명령어로 설치 후 다시 실행한다.

정상적으로 모두 설치가 됬다면 아래와 같이 3000번 포트로 서버 접속이 가능하다.

 

다음글 리엑트 기본포트를 3000에서 80으로 변경(포트사용X)하고, 도메인을 구매해 ip를 연결해본다.

https://leejungyeoul.tistory.com/87?category=649936

 

3. create-react-app/EC2배포/docker없이 서버 상시구동/도메인 연결

1. 도메인을 연결하려면 포트를 없애야 하기 때문에, 리엑트 포트를 80으로 설정한다. pakage.json 파일을 아래와 같이 설정한다. %참고 : react 기본포트를 바꿀수 없는 상황이라면, 로드벨런싱을 통해 외부포트..

leejungyeoul.tistory.com

Comments