티스토리 https 적용했는데도 보안 문제가 뜨는 문제와 해결법

8월 말, 티스토리에서 https를 지원한다고 발표 했다.

관련 링크 : https://notice.tistory.com/2444?category=110385

그런데, 내 블로그에 적용하니 아직 안전하지 않은 연결이라고 표시된다.

위 사진은 웨일 브라우저로 열었을 때 표시되는 화면.

안전한 연결

이 사이트에 대한 연결은 완벽하게 보안이 되지 않습니다.

크롬에서는 아래와 같이 뜬다.

이 사이트의 보안 연결(HTTPS)는 완벽하지 않습니다.

파이어폭스에서는 아래와 같은 문구가 뜬다.

안전하지 않은 연결

페이지의 일부(이미지 등)가 안전하지 않습니다.

엣지에서는 아래와 같이 뜬다.

이 페이지의 일부 콘텐츠는 암호화되지 않았습니다. 이 경우 이 사이트에서 공유하는 정보를 다른 사람이 보거나 변경할 수 있습니다.

위와 같은 문구가 뜨는 이유는 다음과 같다.

비록 주소가 https로 시작하지만, 이 주소에서 불러들이는 사진, 혹은 스크립트(여러가지 효과를 주기 위해 쓰이는 인터넷 기술) 중 https가 아닌 http를 사용하는 것이 있다.

즉, 내 사이트 중 어딘가에 아직 https가 적용되지 않은 부분이 있다는 말이다.

나는 다음 2가지를 처리함으로써 이 문제를 해결했다.

1. 스킨을 변경했다.

티스토리에서는 사용자의 편의성을 위해 여러가지 스킨들을 제공한다.

그런데, 이 스킨들 중 몇몇 스킨은 https가 적용되지 않은 기술들을 쓰는 스킨들이 있다.

이 스킨들을 사용하면 문제가 발생한다.

필자는 #1 반응형 스킨이 깔끔하고, 위와 같은 문제도 발생하지 않아 #1 스킨을 선택했다.

2. 다음지도.

어디 방문한 것에 대해서 자주 글을 쓰다보니, 티스토리 에디터에서 기본으로 제공하는 지도 기능을 사용했다.

이 기능을 사용하면 내 글을 보는 사용자가 지도를 보면서 위치를 쉽게 파악할 수 있다.

그런데, 이 지도에 https가 적용되지 않는 기술을 사용한다.

앞으로 티스토리 에디터에서 제공하는 지도기능을 쓰지 않고, 지도 링크를 가져와서 독자에게 링크를 제공하는 방식으로 변경하고자 한다.

이 외에도 다른 문제들로 인해서 이 문제가 사라지지 않을 수 있다.

여러가지를 해 보면서 어디가 문제인지 찾아서 해결이 필요하다.