https:// SSL 인증서 적용 후, 안전하지 않은 리소스/혼합된 콘텐츠 차단 표시

6월 25, 2021

본 내용은, 일반 웹브라우져 사용자에 대한 내용이 아닙니다. (내용 확인 불필요)
서버관리자 / 개발자 / 웹디자이너 등의 전문가에게 해당되는 내용입니다.

웹페이지에 SSL 인증서 적용후, https://웹페이지 로 접속하면, 웹브라우져에서 아래와 같은 경고 표시가 되는 경우가 있습니다. (경고 표시는 웹브라우져 종류나 버전 마다 표시 방법이나 문구가 계속 변경됨)

- 페이지에 안전하지 않은 다른 리소스
- 혼합된 콘텐츠 (Mixed Content) 차단
- https:// 주소인데도, 자물쇠 표시 갑자기 사라짐등

원인은 https:// 페이지에 http:// 개체가 포함되어 있는 경우이며, 이는 개발자나 웹디자이너가 html 소스를 확인하여, 모든 링크를 https:// 로 변경해야만, 해결됩니다. 주로 사이트 외부에서 가져다 쓰는 image, css, javascript 등입니다.

예)

<img src="http://www." ----> <img src="https://www."
또는
<img src="http://www." ----> <img src="//www."

html 소스내 개체중에, 어떤 개체인지 자세하게 확인하는 방법은, 각 웹브라우져의 [개발자도구] 를 이용하면 어렵지 않게 확인이 가능합니다.

[개발자도구] 에 대한 더 자세한 사용법은, 각 웹브라우져 도움말(매뉴얼)을 참조해 보시기 바랍니다.

구글 크롬 개발자 도구 :