[Deploy] AWS EC2에 프로젝트 배포(REACT)

1. AWS EC2 인스턴스 생성 (키 페어 설정 - pem)

키(pem) 파일이 공개되지 않도록 유의해주세요!

또한 다시 다운받을 수 없으니 해당 키를 잘 보관해주세요.

2. 터미널에서 EC2 인스턴스 접속

• FileZilla 프로그램 활용
• AWS 홈페이지에서 EC2 인스턴스 연결 버튼 활용
• MAC 터미널 이용

// MAC 터미널
// 1
sudo chmod 400 키페어이름.pem

// 2. 비밀번호 입력

ssh -i 키페어이름.pem ubuntu@public IPv4 주소
// 3. yes 입력

3. 환경 설정

(1) npm 설치

sudo apt-get install npm
npm --v                      // npm 설치 후 npm 버전 확인으로 npm이 제대로 다운되었는지 체크해주세요.

 

(2) nvm 및 node 설치

nvm을 통해서 특정 버전의 node를 설치/관리 하실 수 있습니다. 필수는 아니에요.

// nvm 설치
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
source ~/.bashrc
nvm -v 
nvm install node     // 최신 버전 설치
nvm install --lts    // 최신 LTS 버전 설치
nvm install 16.14.0  // 특정 버전 설치
nvm install 16       // 특정 버전 16의 최신 릴리즈 설치

node -v

 

 

(3) SSH키 생성 및 프로젝트 clone

ssh.keygen -t rsa

cat /home/ubuntu/.ssh/id_rsa.pub 
// public 키를 복사해주세요

// github 프로젝트의 settings에서 deploy key로 복사한 내역을 추가해주세요.

git clone git@gihub.com:프로젝트이름...(본인 프로젝트의 github 페이지를 참고하세요)

 

4. 프로젝트 build

본인의 repository의 프로젝트를 클론한 후 build를 진행합니다.

npm run start   // clone한 프로젝트가 문제 없이 실행되는지 확인해주세요.
npm run build

출처

• https://happysisyphe.tistory.com/47
• https://aws.amazon.com/ko/getting-started/hands-on/deploy-react-app-cicd-amplify/
• https://3d-yeju.tistory.com/63