본문 바로가기
개발/토이 프로젝트

이력서 홈페이지 만들기 (dns, ssl 적용)

by hongdor 2022. 3. 20.
728x90

https://resume.hongdor.dev

이번에 새롭게 만든 이력서 홈페이지다.

간단하게 진행과정을 적어보려고 한다.

 

사용한 것들

- pc : google cloud 무료 VM을 사용했다.

- domain: godaddy를 사용했다.

- ssl: letsencrypt

- 이력서 양식: uyu423님이 공유해주신 오픈소스를 사용했다.

  GitHub - uyu423/resume-nextjs: Next.js 로 누구나 쉽게 만드는 Static HTML 이력서

 

 

진행 방법

1. nginx를 설치 및 테스트

- niginx의 설정에서 location / { proxy_pass http://127.0.0.1:3000;} 으로 변경

- 이력서 프로젝트를 포트 3000번으로 실행

- http 전용 80번 포트 방화벽 오픈 

- http://xx.xx.xx.xx - resume서버를 띄운후 ip로 접속했을 때  되는지 확인

 

2. Domain과 서버 ip 연결

- Goddady 사이트에서 구입한 domain을 내 ip로 연결 

- nginx 설정에서 server_name resume.hongdor.dev; 로 변경 & location / { try_files $uri $uri/ =404; } 로 변경

- letsencrypt ssl 설치 시 webroot 방식을 사용하는데,

  letsencrypt 측에서 내 domain으로 접속 후 특정파일이 인증되어야 한다.

 

3. Letsencrypt ssl 설치

- letsencrypt 사이트를 가면 certbot 페이지로 안내한다.

- Certbot | Certbot (eff.org) 사이트에서 웹서버와 os를 선택한다

웹서버와 OS를 선택하는 모습

- 그러면 ssl 설치 안내 페이지로 이동하는데, 따라하면 설치 끝

- nginx 설정을 다시 location / { proxy_pass http://127.0.0.1:3000;} 으로 변경 해준다.

 

4. Letsencrypt는 3개월 후에 만료되므로 자동갱신하도록 설정해준다.

728x90

댓글