서버를 디지털오션으로 옮기고나서 이미지 로딩되는 속도가 좀 느려졌는데 현진이 재차 클라우드플레어(CloudFlare)를 추천해 줬다. 예전에도 추천을 받았었는데 적용할 별다른 이유가 없어서 사용하지 않고 있었다.
5분만에 가능하다는 카피 문구("Give us five minutes and we’ll supercharge your website.")처럼 적용은 꽤나 간단하다. 내 서버를 클라우드플레어에 알려주고 도메인의 네임서버를 클라우드플레어의 것으로 옮기면 설정이 완료된다. 적용도 금방되고 적용되니 이미지 로딩 속도도 훨씬 빨라졌다. 하루가 지난 후에 리포트를 확인해보니 트래픽도 많이 절감되고 공격도 막아주고 한다. 다만 도메인이 클라우드플레어에 연결되어 있으니 ssh로 서버에 접속할 때 IP로만 접속이 가능하다.
몇일을 사용하다가 클라우드플레어를 이용해서 HTTPS를 적용할 수 있다는 글을 봤다. 서버에 SSL을 활성화 하려면 인증서도 사야하고 서버에 설치도 해야하고 정기적으로 인증서 교체도 해줘야 하는 등 부담이 많이 되어서 적용하지 못하고 있었다. 무료 인증서도 많이 나왔지만 설치나 교체작업은 여전히 부담이 됐다. 그런데 클라우드플레어를 사용하면 이런 고민없이 바로 HTTPS를 적용할 수 있다.
설정도 매우 쉽다. 그냥 크립토(Crypto) 메뉴에서 SSL을 유연하게(Flexible)로 바꿔주기만 하면 된다. 그러면 사용자와 클라우드플레어 사이에 SSL가 적용되고 클라우드플레어와 내 서버사이는 HTTP로 통신을 하게 된다. 내 서버에도 SSL이 활성화되어 있으면 유연하게말고 전부(Full)로 설정하면 된다. 모든 구간이 암호화 되지는 않지만 프론트 웹서버와 사용자 구간은 암호화가 되니 훨씬 좋아졌다. 그리고 HTTP로 들어오는 연결을 HTTPS로 보내려면 'http://hyeonseok.com/*'를 'Always uses https'로 설정하는 페이지 규칙(Page Rule)을 하나 추가하면 된다.
이렇게 하고나니 주소창 옆에 녹색으로 잘 나오기는 하는데 기존에 HTTP 프로토콜을 명시해서 연결한 이미지가 있는 경우 일부 페이지에서는 '[Mixed Content]'경고가 나왔다. Firefox에서만 경고가 나오고 다른 브라우저에서는 잘 나오는 걸로 봐서 약간의 온도차가 있나보다. 굳이 이 부분들까지 다 녹색으로 나오게 바꿀 필요가 있는지는 잘 모르겠지만 깔끔한게 좋아서 다 바꿨다.
검색을 좀 해보니 보안이나 DDOS 공격 방어, 트래픽 절감 등의 이유로 많이들 사용하는 것 같은데 무료지만 상당히 유용한 서비스라고 생각된다.
제목 | 날짜 | ||
---|---|---|---|
683 | [아임웹] 아임웹 - 모바일 메뉴 하단에 SNS 아이콘 추가하는 코드 | 224 | 2024/03/15 |
682 | 카카오지도 가려지는 문제 | 59 | 2024/02/01 |
681 | [메신저] 카카오톡 알림톡 개발하기 #1 | 109 | 2023/08/01 |
680 | [기타] WidgetBot - 디스코드 채팅 방을 블로그에 달자! | 106 | 2023/05/04 |
679 | [웹 제작] 홈페이지를 만드는 방법에는 어떤 게 있나요? | 93 | 2023/04/06 |
678 | [윈도우] 갑자기 윈도우10 알트탭(alt + tab)이 정상 사용 안될 때 확인 및 처리 방법? : 네이버 포스트 (naver.com) | 124 | 2023/03/17 |
677 | [사이트관리] 사이트맵 FAQ | 50 | 2023/01/31 |
676 | [웹 제작] website to learn | 44 | 2022/12/27 |
675 | [웹 제작] 임시이미지 사이트 https://placeimg.com/ | 66 | 2022/11/27 |
674 | [GitHub] 다른 깃헙 가져오기 cli | 106 | 2022/01/23 |
673 | [GitHub] git branch 변경 | 94 | 2022/01/21 |
672 | [GitHub] 좋은 git 사용 습관 | 274 | 2022/01/01 |