1. Linux 패키지 업데이트
sudo apt update -y && sudo apt upgrade -y
- update : 최신 버전 유무를 확인해주는 명령어
- upgrade : 해당 패키지들을 다운로드 받고 설치
2. node 설치
- nvm 설치
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash - 위의 명령어로 bash 설정을 바꿨으면 아래 명령어도 실행
source ~/.bashrc - npm 설치
npm install - 설치 확인
node
npm - yarn 설치
npm install --global yarn
3. 프론트엔드 / 백앤드 실행
- usr 경로에 깃 클론
cd usr
git clone [repo 주소]맨 처음 putty로 접속을 하면 기본적으로 home/ubuntu 경로에 있게되는데, 이 안에 클론을 받으면 나중에 배포할 때 500 에러가 발생할 수 있다. 그러니 꼭 상위의 usr 폴더에 들어가서 clone
- front, back 폴더에서 각각 yarn install을 해서 패키지들을 설치
yarn install
yarn start - db 정보 등 기존에 env 파일로 관리하던 내용들도 .env 파일에 작성해준 뒤 실행을 확인
cd [.env 파일 만들 경로]
vi .env
파일 내용 작성 후 esc -> :wq
4. 배포
nginX와 Docker를 사용하니까 설치해준다
npm install --global nginx
npm install --global docker
4.1 서버 배포
- 백엔드 폴더에서 서버를 실행
pm2를 사용하는 경우는pm2 --name back-server start yarn -- start를 사용하지만
우리는 docker를 사용해서docker compose up을 하면 된다.
4.2 프론트 배포
- front 폴더로 이동한 후 build
yarn build또는npm run build
빌드가 완료되면 nginx 세팅을 할 때 필요하니까 build 폴더로 이동한 뒤 현재 경로를 기록한다.
- pwd 명령어로 나온 경로를 복사해서 따로 적어놓아야 한다.
cd build
pwd
- nginx 설정 파일을 수정
sudo vi /etc/nginx/sites-available/default
root /var/www/html; 부분을 아까 기록한 폴더 위치로 바꿔주면 된다. 이 때 오타가 있거나 뒤에 세미콜론(;)을 붙이지 않으면 오류가 나니까 주의. (앞의 /도 지우면 안된다.)
예) root /usr/KORrection/front/build;
root 위에서 기록한 build 폴더 위치;
- nginx 재시작
sudo systemctl reload nginx
sudo service nginx start
클론 이후 내용은 지금 진행중인 팀 프로젝트 마무리되면 그때 직접 해보면서 다시 정리한다
