[Mlog] 나만의 블로그 만들기 - React 프로젝트 배포

📌 프로젝트 Clone

우선 우분투서버에 접속하여 프론트엔드 프로젝트를 클론한다.

$ git clone [프로젝트 주소.git]

프로젝트 폴더로 이동한 뒤, pm2를 설치해준다.

$ sudo npm install pm2 -g

의존성 설치를 해줘야하는데 프리티어를 사용 중이므로, 메모리가 부족하여 정지하는 문제가 발생하였다.
이 문제는 스왑메모리를 사용하여 해결하였다.

$ sudo fallocate -l 1G /swapfile
$ sudo chmod 600 /swapfile
$ sudo mkswap /swapfile
$ sudo swapon /swapfile

의존성 설치는 아래와 같다.

$ npm install

의존성 설치가 완료되었다면, build를 한다.

$ npm run build

이제 무중단 배포를 위해 아래와 같이 pm2를 이용해 배포를 한다.

$ pm2 serve build/ 3000 --spa

이제 브라우저의 주소창에 서버IP:3000 을 입력하게되면 배포된 것을 확인할 수 있다.