intro

vm 서버에 접속했으면 upgrade부터 아래 명령어 차근차근 입력해주기!

# 업그레이드!
sudo apt update -y && sudo apt upgrade -y

# node 설치~
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
source ~/.bashrc

# node 설치 확인
node
# > 커서가 뜨면 ctrl + c로 나가기

# npm 잘 설치 됐는지 확인
npm

# yarn 을 사용할 경우 yarn을 설치해준다.
npm install --global yarn

Nginx 서버 배포 준비

1. 먼저 npm run start 와 같은 서버 실행 명령어를 이용해 에러가 없는 지 확인
2. 에러가 없는 지 확인 후 npm run build 또는 yarn build 명령어로 해당 폴더에 있는 파일들을 build 작업하기
3. cd 명령어로 build 파일로 이동 후 pwd 명령어로 위치를 확인해 따로 복사해두기

cd build
pwd

4. 아래 명령어 순서대로 nginx를 설치 및 수정하기

sudo apt install nginx
sudo nano /etc/nginx/sites-available/default

5. pwd 명령어로 확인한 파일위치로 수정하기

# 아래 부분을 찾아
root /var/www/html;  
# root 옆에 아까 확인한 build 파일 경로를 붙여넣기
root <build 파일 경로>           

6. 수정 후 저장하기

• ctrl + x -> ctrl + y -> enter

7. 파일 위치 변경 후 nginx 재시작

sudo systemctl reload nginx

# 만약 위 명령어 에러나는 경우
sudo systemctl reload nginx

끝.

• 서버로 접속해 배포 완료 되었는지 확인하기

추가 nginx 404에러 나는 경우

• nginx 404 에러시 간단 정리