Dev Blog

스크립트 & 소스코드 공유

실무에서 유용하게 쓰는 스크립트와 코드 조각을 블로그 게시판으로 저장하고 공유합니다.

Server|Linux Cloudflare로 무료 HTTPS(SSL) 인증서 설정하는 방법

페이지 정보

조회 198회 작성일 21-12-18 12:06
Cloudflare를 이용해 무료로 HTTPS(SSL) 서비스를 적용하는 과정을 스크린샷과 함께 단계별로 정리한 글이다. 사이트 추가, 도메인 입력, DNS 조회, 무료 요금제 선택, 도메인 구입처(카페24·가비아 등)에서 네임서버 변경, DNS 전파 대기 후 SSL 적용 확인까지 초보자도 따라 할 수 있도록 설명한다.

무료로 HTTPS 서비스!!!

됩띠다~

할 수 있습띠다! 하하..^^

기술 레벨에 따라 여러 가지 방법이 있었는데요.

저는 cloudflare 쪽 서비스를 이용해서 HTTPS 서비스를 구현해 봤습니다.

https://www.cloudflare.com/ko-kr/

가입하시고 로그인하세요.

01 사이트 추가

HTTPS 무료로 적용하고자 하는 도메인을 추가하는 단계입니다.

Add a Site 클릭하세요.

02 도메인 입력

www 빼고 도메인 입력하세요.

03 도메인 DNS 조회

도메인의 이전 기록을 조회해서 가지고 오는 단계라고 보시면 되겠습니다.

그냥 Next

04 Free 무료 SSL 지원 서비스 선택

유료가 필요한 단계가 나중에 올 수도 있지만 일단 무료로 선택하세요.

나중에 정말 필요하면 전환하시구요.

05 DNS 조회 결과 확인

이전에 서비스 받던 기록들을 그대로 가지고 왔네요.

확인해 보시고 다음 단계로 가시죠.

06 DNS 연결 정보 확인

이전 페이지 하단 부분입니다.

Continue 클릭

07 네임서버 변경 안내

여기서부터는 약간 어려워집니다.

(웹 개발을 하시던 분이라면 큰 문제가 없겠네요.)

하나씩 공부하면서 따라갈 수도 있겠지만 일단 다음으로 가 볼게요.

도메인을 구매한 곳을 알아야 합니다.

카페24, 가비아, 후이즈, 아이네임즈, 닷네임...

너무 많죠?

도메인을 구입했던 홈페이지에 로그인하세요.

그리고는 이제 네임서버 설정을 바꿔야 합니다.

08 네임서버 변경

저는 dotname이라는 곳에서 도메인을 구매했는데요.

메뉴 중에 DNS 설정 > 네임서버 변경이라는 곳으로 이동했습니다.

(으.... 표시를 잘못했네요. 바로 아래 네임서버 변경 항목에 빨간 테두리~~)

09 네임서버 변경 전

네임서버를 바꾸기 전입니다.

카페24라고 보이네요.

그 위에 있는 1차, 2차 두 군데를 바꿀 겁니다.

10 네임서버 변경

자 이제 바꿔 보겠습니다.

아까 cloudflare에서 알려준 네임서버 정보를 입력합니다.

변경하면 네임서버 설정이 끝났습니다.

여기까지 하고 나서 커피 한잔하고 와야 됩니다.

하하...왜냐구요?

네트워크 전파 속도라는 게 있으니까요.

네임서버를 변경하면 바로 적용이 안 됩니다.

전 세계에 퍼져있는 DNS가 서로 통신해서 정보를 교환할 때까지 기다려 주는 겁니다.

몇 분 내지는 몇 시간의 시간이 필요합니다. 최대 24시간!!

공식적으로 그렇다는 말이구요.

몇 분이면 되긴 할 겁니다. (약간 불안정하긴 할 거예요.)

11 DNS 정보 미확인

cloudflare 입장에서 DNS 정보가 아직 확인이 안 된다는 말입니다.

상기 메시지가 나오면 좀 기다리면서 계속 새로 고침을 해야 됩니다.

그 사이 우리 도메인 주소를 치고 홈페이지에 접속 함해 볼까요?

12 보안 연결(HTTPS) 미적용

당연히 아직은 아닙니다.

HTTPS 적용이 안 된 거예요.

제대로 SSL 서비스 적용하면 달라질 겁니다.

일단 확인만 했습니다.

자..

커피 한 잔 드셨고...

몇 분 정도 지나면 아래처럼 바뀝니다.

13 네임서버 연결 완료

Great news!

멘트가 약간 간지럽습니다. 하하^^

전 세계 DNS 서버들까지 순식간에 전파를 해서 정보를 공유했습니다.

이제 cloudflare 쪽에서 DNS 서비스를 받을 수 있게 되었다는 말입니다.

감사한 일이죠.

홈페이지에 접속해 보세요.

다 된 걸까요?

14 왜?

몇 단계 더 추가 작업이 남아 있습니다.

15 페이지 규칙 추가

Page Rules?

홈페이지 접속하면 그 다음은 어떤 규칙을 적용할까?

정도로 이해하면 될 거 같습니다.

이 규칙 설정을 해야 HTTPS 적용이 제대로 되죠.

규칙을 2개 추가하겠습니다.

16 www.domain 접속 규칙

사용자들이 HTTPS(SSL 인증서) 없는 접속을 하면 우리는 HTTPS 보안 인증 접속이 되게 규칙을 설정합니다.

위 설정처럼 하시면 됩니다.

위 입력 항목에 http://www.domain.kr처럼 HTTPS 없이 들어올 때 우리는 바로 아래 설정에서

자동으로 HTTPS 설정으로 넘겨주세요

라고 설정하는 겁니다.

17 www 없는 접속 규칙

사람들이 http://www.websiteman.kr 이렇게만 접속하면 좋은데 www 없이 접속할 때도 있습니다.

그럴 때 규칙을 또 추가합니다.

위 항목 박스에 www 없이 도메인을 입력합니다.

자 이렇게 두 가지 규칙을 추가했습니다.

18 규칙 2가지 추가된 화면

두 가지 규칙이 추가된 화면입니다.

자, 이제 거의 마무리 단계입니다.

홈페이지 접속을 해 봅니다.

음..............

바로 HTTPS 인증 적용이 되어서 보일 수도 있구요.

아닐 수도 있습니다.

DNS 설정이 바뀌면 바로바로 확인이 안 됩니다.

전파되는 시간들이 있기 때문이죠.

커피를 또 한잔 더 하고 오셔야 합니다.

이번에는 커피 말고 물이나 차를 한잔 드시고 오시죠.

계속 새로 고침해 보세요.

드디어....

19 HTTPS 인증 적용

인증서 보이시죠?

클릭하고 상세 내용을 보세요.

20 CloudFlare 인증서

인증기관도 명확하고 유효기간도 1년이네요.

그런데 1년 지나면 또 이 짓(?)을 해야 할까요?

저도 기다려 보는 중입니다.^^

검색을 좀 해 보니 자동 연장이라고 나와 있긴 한데요.

그때 가서 확인해 볼 일입니다.

21 익스플로어 SSL 인증서

익스플로어에서는 HTTPS 보안인증서 위치가 좀 달라요.

브라우저마다 조금씩 다르게 나타날 겁니다.



Let's create something great together.

프로젝트 문의 및 견적 요청은 언제든 환영합니다.