• 자동 배포까지 했으니 어느정도는 백엔드 코드를 서버에 올리는 것까지 했다고 할 수 있겠습니다.
• 저도 여기가 마지막인 줄 알았으나..

• 첨부한 이미지는 프론트분이 API가 요청되지 않는다고 캡쳐해주신 에러 메세지입니다. 읽어보면 HTTPS인 프론트 도메인에서 HTTP인 백엔드 도메인으로 요청하는 부분에서 XMLHttpRequest 에러가 발생했습니다. 바로 CORS 문제입니다 ㅎㅎ
• 검색해보니 프론트 쪽에서 간단하게 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 같은 HTML 코드를 넣어서 해결하는 방법도 있었지만, 그래도 저희는 해결되지 않아서 결국 도메인을 구매하기로 결정했습니다. (심지어 마감 전날 토요일에 ㅎㅎ)

카페24에서 도메인 구매

• 아주 익숙한 카페24에서 도메인을 구매하기로 결정했습니다.
• 좋은 이름이면 참 좋겠지만 프론트에서 API로 요청할 때만 필요하기 때문에 1년에 단돈 500원에 구매할 수 있는 .store를 선택했습니다.

서버에 Nginx 설치하기

• 이제 도메인과 서버를 연결해주기 위해서 서버에 nginx를 설치해보겠습니다.
• 먼저 설치하기 전에 패키지 목록을 업데이트 해줍니다.

sudo apt update
sudo apt upgrade

• 그리고 nginx를 설치하겠습니다.

sudo apt install nginx

• 계속할지 묻는 메시지가 표시되면 ‘Y’를 누르고 enter 키를 치다보면 설치가 완료됩니다.

  

• 저는 이렇게 하다가 중간에 에러가 발생했는데요, 이유는 IPV6 설정때문이었습니다. 해결해주기 위해 /etc/nginx/sites-available/default 파일에 접근해서 아래처럼 수정해줍니다.

  server {
          listen 80 default_server;
          # listen [::]:80 default_server; # **이 부분 주석 처리**
  
          ...
  
          root /var/www/html;
  
          # Add index.php to the list if you are using PHP
          index index.html index.htm index.nginx-debian.html;
  
          server_name _;
  
          location / {
                  # First attempt to serve request as file, then
                  # as directory, then fall back to displaying a 404.
                  try_files $uri $uri/ =404;
          }
  				...
  }
  

• 이제 설치를 마쳤으면 nginx를 시작합니다.