[포스코 코딩온 KDT 8기] 웹 풀스택 과정 2차 프로젝트 | 서버 배포 >> 메인페이지 개발 시작

[오늘 할일] 

메인 개발환경 설정→develop→ 이슈생성→각 브랜치

이슈만들기

각자 개발

 

[나의 역할]

배포

메인 페이지와 마이 페이지 프론트엔드

 

---

[nginex로 서버 배포하기]

 

AWS에서 인스턴스 생성 후 인증키 PPK로 받은 후에 탄력적 IP 연결 

>> putty로 퍼블릭 ip 입력 후 포트 22에 연결 -> SSH의 크리덴션로 들어가 인증키 입력하여 open -> ubuntu 입력하여 연결

 

nginx 설치

sudo apt-get update -> 관리자 업데이트 apt-get 라잌 npm 

sudo apt-get install nginx -> nginx 설치

sudo systemctl start nginx -> 안되면 실행해보기

 

default파일 백업하기

sudo cp -r /etc/nginx/sites-available/ /etc/nginx/sites-available-origin
sudo cp -r /etc/nginx/sites-enabled/ /etc/nginx/sites-enabled-origin

 

 

default파일 삭제하기

sudo rm /etc/nginx/sites-available/default
sudo rm /etc/nginx/sites-enabled/default

 

새로운 conf파일 생성

sudo vi /etc/nginx/sites-available/test.conf

 

conf파일 만들기(백엔드)

server {
          listen 80;
          server_name 아이피주소;
          location / {
                    proxy_pass http://127.0.0.1:포트;
           }
}

 

심볼릭 파일만들기

sudo ln -s /etc/nginx/sites-available/test.conf /etc/nginx/sites-enabled/test.conf

 

설정확인

sudo nginx -t

ok가 떠야함!!

 

nginx 재시작

sudo systemctl restart nginx

 

IP 입력해서 500 뜨면 연결된것

 

Node.js 설치

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash

sudo apt-get install -y nodejs

설치 확인

node -v

npm -v

pm2 설치

sudo npm i -g pm2

 

깃 클론하기

서버에 프로젝트 폴더 생성

mkdir 폴더이름

깃 클론할 레파지토리 만들기

구조 만든 후에 index.js에서 서버 여는 코드 짜기

const express = require('express');
const session = require("express-session");
const app = express();
const PORT = 8000;
app.set('view engine', 'ejs');
app.use('/views', express.static('./views'));
app.use('/static', express.static('./static'));
app.set(express.urlencoded({extended:true}));
app.use(express.json());

app.listen(PORT, ()=>{
    console.log('local 연결 완료');
})

 

깃 클론

cd 폴더이름
git clone git주소 .

깃 명령어를 실행할려면 cd .git으로 한번 더 들어가서 해야한다.

 

적용 확인하는 법 >> [파일질라 사용]

포트는 22로

여기서 적용됐는지 확인하기

 

실행

pm2 start index.js

서버 배포 완료~!!

---

[하면서 사용한 것]

 

실행한 커밋 및 실행 기록 모두 삭제

git reset --hard HEAD~1

특정 브랜치 pull 하기

git pull origin <branch name>

---

[메인 페이지 제작 시작]