Synologe NAS에서 홈페이지 운영 시 크롬에서 보안경고 없애기

| 2019.01.21

Synology NAS에 XE를 설치하고 홈페이지를 만들고 도메인을 연결시켰다.

 

어느부턴가 크롬에서 홈페이지 주소로 접속하면 주소창에 "▲ 주의 요함 | Https://www.daerew.com"이런 식으로 빨간색 표시가 주소 앞에 나타났다. 심지어 페이지가 뜨지 않고 "연결이 비공개로 설정되어 있지 않습니다."라는 경고 페이지로 들어가기도 했다.

 

이 문제를 해결하기 위해 알아보니 SSL 공인 인증과 관련된 문제인 것 같았다. 꽤나 오래 홈페이지를 만져왔지만 SSL은 들어만 봤지 뭐가뭔지 알 수 가 없었다.

 

불편한체로 그냥 지낼까 싶다가도 계속해서 눈에 거슬리고 방문자들이 들어오다가 경고페이지 때문에 돌아갈 것 같아 폭풍검색으로 해결책을 모색했다.

 

답은 의외로 간단했다. NAS 설정에서 손쉽게 해결할 수 있는 문제였다.

 

 

 

▼ 아래와 같이 주소 창에 잘 표나지 않게 "주의 요함"이라고 뜬다.

 

dr19012101.jpg

 

 

 

▼ 주소창에 빨간 글씨로 경고가 뜨면서 경고 페이지를 거쳐서 억지로 들어가야 할 때도 있다.

 

dr19012102.jpg

 

▼ NAS에 접속해서 [제어판]-[보안]-[인증서] 탭으로 들어간다.

 

dr19012103.jpg

 

 

 

▼ 인증서 탭에서 [추가]-[새 인증서 추가]를 선택

 

dr19012104.jpg

 

 

 

▼  [자체 서명 인증서 생성] or [Let's Encrypt에서 인증서 얻기] 중 하나로 인증서를 만든다. 나는 둘 다 해봐도 둘 다 됐던 것 같다.

 

dr19012105.jpg

dr19012106.jpg

 

 

 

▼  [구성]으로 들어가서 홈페이지 주소 옆에 인증서를 생성된 인증서로 선택해 준다.

 

dr19012107.jpg

 

 

 

▼ 아래와 같이 까만색 좌물쇠가 생기며 보안 인증에 성공

 

dr19012108.jpg

 


  1. 모바일과 PC에서 각각 동작하는 CSS

    .daerew { background: #EEE; text-align: justify; } @media only screen and (max-width: 767px) { /* 모바일에서 작동 */ .daerew { padding: 0 3rem 5rem 3rem; } } @media all and (min-width:767px) ...
    2024.05.23 1 2
    Read More
  2. 반응형 웹 CSS 미디어쿼리

    @media all and (max-width: 1024px){ //브라우저 창 width가 1024px보다 작아지는 순간부터 적용 //태블릿 } @media all and (max-width: 768px){ //브라우저 창 width가 768px보다 작아지는 순간부터 적...
    2024.04.29 0 0
    Read More
  3. Rhymix → Rhymix 마이그레이션 툴

    제로보드4에서 운영했던 여러 홈페이지들이 소실되고, 오류나고 폐쇄 시키고.... 제로보드5를 잠시 맛만 본 후 XE로 직장 홈페이지를 만들어 10년(?) 가까이 운영했다. XE 조차도 업데이트 지원이 끊기면서...
    2023.08.06 0 1
    Read More
  4. 반응형 웹페이지 드롭 칼럼

    <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>반응형 웹페이지 드롭 칼럼</title> <style> * { mar...
    2021.04.02 0 0
    Read More
  5. 서버 이전 후 이미지 깨짐 현상 / 경로 일괄 변경

    서버를 이전하거나 도메인을 변경하고 나면 기존 홈페이지에 있던 이미지들이 엑스박스로 뜨는 경우가 많다. 서버 이전이나 도메인 변경이 있으면 절대경로는 바뀌기 때문에 이미지 경로도 함께 바뀌는 현...
    2019.06.21 0 0
    Read More
  6. Synologe NAS에서 홈페이지 운영 시 크롬에서 보안경고 없애기

    Synology NAS에 XE를 설치하고 홈페이지를 만들고 도메인을 연결시켰다. 어느부턴가 크롬에서 홈페이지 주소로 접속하면 주소창에 "▲ 주의 요함 | Https://www.daerew.com"이런 식으로 빨간색 표시가 주소 ...
    2019.01.21 0 0
    Read More
  7. Synology NAS에 도메인 연결하기

    본업에 바빠 다른 것에 신경 쓸 겨를이 없다 보니 웹 생태계가 많이 바뀌어 뭐 하나 하려 해도 공부하고 폭풍검색을 해야 한다. ㅜ.ㅜ 사실 이것은 내가 하는 방식이 맞는지 확신이 서지 않는다. 다만, 나...
    2018.09.15 2 4
    Read More
  8. XE 이미지 좌측 정렬시 내용이 적으면 아래부분 올라오는 문제 해결법

    위 그림과 같이 이미지를 좌측으로 정렬하면 내용 아래에 있어야 할 첨부파일 부분이 올라오는 현상이 있습니다. html 작성으로 태그로 커버할 수 있지만 매번 그렇게 하는 것이 번거롭다면 스킨파일을 약...
    2012.01.02 0 3220
    Read More
  9. XE 기본 카운터의 방문자 / 페이지뷰 출력하고 수정하기

    전체 방문자수 출력하기 : {number_format($total_counter->unique_visitor)} 오늘 방문자수 출력하기 : {number_format($today_counter->unique_visitor)} 어제 방문자수 출력하기 : {number_format($yest...
    2012.01.02 4 3601
    Read More
  10. XE 소스 수정 없이 카테고리 자동 선택하기

    워낙 간단해서 팁이랄 것도 없지만, XE를 꽤나 사용해 온 저로서도 우연히 발견해서 알게 된 부분이라 모르시는 분들이 적지 않으리라 여깁니다. 보통 게시물이 하나 둘이면 문제 없겠지만, 다수의 게시물...
    2012.01.02 0 2570
    Read More
  11. rewrite rule 예외처리하기

    RewriteCond $1 !^(daerew.php|image|css|daerew.txt) 위 구문은 daerew.php, daerew.txt, image폴더, css폴더 다음 라인에서 나오는 rewrite rule에서 예외하라는 의미이다.
    2012.01.02 0 2916
    Read More
  12. 일러스트에서 아웃라인 따는 방법

    텍스트 선택 상황에서 아래의 단축키를 누른다. Ctrl + Shift + O
    2011.02.10 0 8721
    Read More
  13. 대류커뮤니티 v4에 사용된 계정 및 DB현황 출력

    첨부된 파일을 다운받아 압축을 풀고 에디터로 열어 자신의 환경에 맞게 수정해야 합니다. $host="localhost"; // 호스트명. $user_name=""; // 자신의 계정 아이디를 적으시면 됩니다. $db_name=""; // 자...
    2010.03.29 3 10961
    Read More
  14. 대류가 사용하는 에러페이지 소스

    웹페이지 URL 을 잘못 입력하였을 경우 404error 페이지가 뜨지요? 트래픽을 초과하였을 경우는 503 에러가 뜹니다. 대부분의 개인사이트에서는 그다지 필요성을 못 느끼기 때문에 에러페이지를 따로 만들...
    2007.03.13 0 12659
    Read More
  15. 원하는 부분만 인쇄하기

    <head> 와 </head> 사이에 아래의 스크립트 소스를 삽입합니다. <script type="text/javascript"> var initBody function beforePrint() { initBody = document.body.innerHTML; document.body.innerHTML =...
    2006.05.05 0 9706
    Read More
  16. 웹에서 인증을 받고 페이지 들어가기

    인증이 필요한 문서나 게시판등에 적용하기 편리한 소스입니다. 아이디와 비번을 아시는 분들만 접근이 가능토록 하는 것이죠. 브라우져를 닫으면 소실이 되고 열고 있는 동안은 인증이 됩니다. 아래의 소...
    2006.02.11 1 11566
    Read More
  17. 웹에서 인증을 받고 페이지 들어가기

    인증이 필요한 문서나 게시판등에 적용하기 편리한 소스로 아이디와 비번을 아는 사람만 접근이 가능토록 하는 것이다. 브라우져를 닫으면 소실이 되고 열고 있는 동안은 인증이 된다. 아래의 소스를 php ...
    2006.02.11 0 2
    Read More
  18. 원하는 날에, 원하는 곳에, 원하는 이미지 띄우기

    특정한 날짜를 미리 입력해두고 그 날짜가 되면 자동으로 이미지를 출력해주는 팁 입니다. 다양한 용도로 응용할 수 있겠는데요.... 여기서는 국경일에 태극기 이미지를 띄우는 예제로 설명하겠습니다. <? ...
    2005.07.27 0 9959
    Read More
  19. 원하는 날에, 원하는 곳에, 원하는 이미지 띄우기

    미리 입력해 둔 내용(이미지)를 원하는 날짜가 되면 자동으로 출력해주는 소스로 다양한 용도로 응용할 수 있는데 여기서는 국경일에 태극기 이미지를 띄우는 예제로 설명한다. <? $holiday1 = "0101,0301,...
    2005.07.27 0 1
    Read More
  20. 홈페이지 title 을 가볍게 하자.

    개인 홈페이지들을 둘러보면 좀 더 역동적이고, 화려한 효과를 위해 자바스크립트등 다양한 효과를 쓰게 됩니다. 자바스크립트가 아니더라도 갖가지 아이콘과 문자로 꾸미기는 경우가 많지요... 대표적인 ...
    2005.07.27 1 10780
    Read More
Board Pagination Prev 1 2 Next
/ 2