[NginX] 배포 페이지 URL 맨 뒤에 포트번호 지우기

포트폴리오를 작성하다가 부스트캠프에서 진행한 부커톤때 배포했던 사이트의 맨 뒤에 3000번 포트가 눈에 확 띄었습니다.

이걸 어떻게 하지.. 하다가 이왕 이렇게 된거 NginX 공부도 할 겸 직접 고쳐볼까 생각해서 하나씩 찾아보면서 수정해보았습니다.

0. 리버스 프록시..가 뭔데..

도대체 URL 맨 뒤에 포트번호가 뭐지.. 라고 생각하신다면 아래 사진을 보시면 간단하게 확인하실 수 있습니다.

메인 페이지의 맨 뒤에 3000번 포트가 달려있죠..

실제 저희가 접속하는 사이트들에서는 URL 맨 뒤에 이런 포트번호를 입력하는 경우는 거의 없죠?

그렇기 때문에 격렬히 지우고 싶었습니다.

우리가 원하는 것은 want-some-taste.o-r.kr 주소만 입력했을 때 저 창이 뜨게 하고 싶은 것입니다.

이걸 위해서는 포트포워딩이라는 작업이 필요한데요!

말 그대로 want-some-taste.o-r.kr를 치면 want-some-taste.o-r.kr:3000 으로 이동하게 만들면 됩니다!

우리가 실제로 서비스를 구동할 때는 3000번 포트에 매핑을 해야 하니까요.

이 작업을 하기 위해서는 리버스 프록시를 할 수 있게 만들어주는 도구인 NginX를 사용할 수 있습니다!

... 포트포워딩은 대충 알겠는데, 그럼 도대체 리버스 프록시가 뭐냐구요..???

리버스 프록시란 요청을 받았을 때 서버로 요청이 도달하기 전에 일시적으로 거치는 곳이라고 생각할 수 있습니다.

리버스 프록시의 장점은 바로 서버로 가지 않고 중간다리를 한번 거쳐서 가기 때문에 서버의 부하가 적은 곳으로 요청을 보내는 로드밸런싱이 가능해진다는 점이 있습니다.

또한 리버스 프록시에서 요청을 한번 확인한 후에 필요한 서버로 요청을 전달하기 때문에 보안에도 훨씬 좋습니다.

그리고 서버에 요청이 도달하기 전에 먼저 가로채서 미리 정해진 위치(포트)로 요청을 전달할 수 있게 해주는 포트포워딩 기능도 사용할 수 있게 됩니다.

이 외에도 log 작성, 캐쉬 사용, 부하 감소로 인한 웹 서버 속도 증가 등 다양한 장점이 있기 때문에 리버스 프록시를 사용합니다.

리버스 프록시 서버의 대표주자가 바로 NginX이기 때문에 저도 NginX를 사용해서 리버스 프록시를 하려는 것이죠!

1. 이제 지워보자!

먼저 서버에 접속합니다.

저는 putty를 통해서 서버에 접속했는데, 접속 방법은 SSH를 사용해도 되고.. 자기 마음입니다!

서버에 접속한 후 NginX를 우분투에 설치합니다.

아래 명령어를 참조하시면 설치에 조금이나마 도움이 될수도..?

# apt repository 에 설치하고자 하는 nginx 버전 추가 
# ubuntu 버전 (18.04: bionic, 16.04: xenial)
sudo touch /etc/apt/sources.list.d/nginx.list
echo "deb http://nginx.org/packages/ubuntu/ bionic nginx" | sudo tee -a /etc/apt/sources.list.d/nginx.list
echo "deb-src http://nginx.org/packages/ubuntu/ bionic nginx"| sudo tee -a /etc/apt/sources.list.d/nginx.list

# 인증 키 등록
wget http://nginx.org/keys/nginx_signing.key
sudo apt-key add nginx_signing.key

# 저장소 업데이트
sudo apt-get update

# nginx 설치
sudo apt-get install nginx