AWS EC2 상에 Nginx로 리액트 프로젝트를 배포했던 경험 정리를 위한 글. 이전에 서브 도메인에 SSL 인증까지 마쳤다. 그걸 그대로 사용할 예정이다. [Nginx] 서브 도메인 설정, HTTPS 적용 참고1 참고2 'dev.9yujin.shop' 그리고 'prod.9yujin.shop' 이렇게 두 개의 서브 도메인을 만들어보자. 1. 가비아 DNS 레코드 수정 가비아에서 먼저 CNAME으로 서버 도메인을 등록해준다. dev와 prod 두개를 생성. 9yujin.tistory.com React 파일 빌드, 서버 업로드 yarn 패키지 매니저를 쓰고 있었다. 프로젝트 파일을 빌드해준다. yarn build 파일질라를 이용해 EC2에 빌드한 파일을 업로드했다. 경로는 /home/ubuntu/test/..
https
참고1 참고2 'dev.9yujin.shop' 그리고 'prod.9yujin.shop' 이렇게 두 개의 서브 도메인을 만들어보자. 1. 가비아 DNS 레코드 수정 가비아에서 먼저 CNAME으로 서버 도메인을 등록해준다. dev와 prod 두개를 생성한다. 2. 서브도메인 페이지 정적 파일 생성 1) 서브도메인으로 요청이 들어오면 보여줄 파일들을 넣어둘 디렉토리를 만든다. 기존 /var/www/html 에 추가로 /var/www/dev 과 /var/www/prod 디렉토리를 만들었다. 2) /var/www/dev에 html 파일을 임시로 작성해준다. hello dev-subdomain 3. Nginx 설정 1 1) /etc/nginx/sites-available 디렉토리에 서브도메인을 위한 설정 파일을 만..
참고1 1. 도메인 연결 이전에 가비아에서 구매를 해놓고 안쓰는 도메인이 있어서, 그 도메인에 내 IP를 연결했다. 10분 정도 기다리면 내 도메인과 IP가 매칭이 된다. 2. Certbot 설치 (Let's Encrypt) Let's Encrypt는 SSL 인증서를 무료로 발급해 HTTPS를 널리 보급하기 위해 시작된 비영리기관이다. 직접 PEM key들을 발급받아서 설정해주어도 되지만 많이 번거롭기 때문에, 웹서버에 쉽게 세팅할 수 있도록 도와주는 도구들이 있다. wget으로 Certbot-auto를 다운받아 설치하는 블로그들을 보고 따라했는데 해당 파일이 존재하지 않는다. 대신 snap으로 Certbot을 설치할 수 있다. apt와 비슷한(?) 패키지 관리 시스템이다. snap을 실행하기 위해 sn..
