생활코딩

Coding Everybody

코스 전체목록

닫기

부록 : 코드의 힘 - 댓글 기능 추가

소스코드

변경사항

댓글

댓글 본문
  1. Sansol Park
    요약
    URL을 로컬호스트로 변경하지 않고도 댓글 기능이 나오게 하려면:

    disqus_config에서 page.identifier와 테스트용 page.url을 설정하세요.
    필요하면 Disqus 관리자 설정에서 localhost를 허용된 도메인에 추가하세요.
    이 방법을 사용하면 로컬 환경에서도 URL 변경 없이 댓글 기능을 테스트할 수 있습니다.
    대화보기
    • Sansol Park
      <script>
      var disqus_config = function () {
      this.page.url = "http://example.com/html"; // 실제 URL 대신 고유의 URL 설정 (테스트용)
      this.page.identifier = "html_page"; // 각 페이지를 구분할 고유 식별자
      };
      (function() { // 아래 코드는 수정하지 마세요
      var d = document, s = d.createElement('script');
      s.src = 'https://web1-2.disqus.com/embed.js';
      s.setAttribute('data-timestamp', +new Date());
      (d.head || d.body).appendChild(s);
      })();
      </script>
      대화보기
      • Sansol Park
        네, 맞습니다! URL을 로컬호스트로 바꾸지 않고도 댓글 기능이 나올 수 있는 방법이 있습니다. 이를 위해 Disqus가 URL이 아니라 **페이지 식별자(identifier)**를 기반으로 작동하도록 설정하면 됩니다.

        주요 해결 방법
        Disqus는 기본적으로 URL을 사용해 페이지를 구분하지만, disqus_config를 통해 **고유 식별자(page.identifier)**를 설정하면 URL 대신 이를 기반으로 댓글을 관리할 수 있습니다. 아래는 이를 구현하는 방법입니다.
        대화보기
        • orange
          25.01.16
        • 딴니
          25.01.08
        • 결이
          25.01.02 완료
        • 대직도
          2025.01.02. 완료
        • 박노영
          몇줄의 코드로 너무 신기하네요!
          개인 포트폴리오 사이트 하단에 추가했어요. ^^ 감사합니다.
        • 박수연
          URL을 로컬호스트로 바꿔야만 댓글기능이나오는데 바꾸지않고도 나오는 방법이 있나요?
        • 코오딩
          24-09-29 완
        • 호록이
          2024.08.05 (월) 완.
        • 김진현
          2024.06.19 완료
        • 안성
          굿
        • 야생의코린이
          2024-05-05 완료
        • 코딩앤수학
          2024-05-04 완료
        • 이사야
          2024-05-02 완료!
        • nathan
          2024-04-23 완료
        • 마우스오른쪽버튼
          와 진짜 유용하다!
        • 2024.03.17 이해못함 다시한번더
        • ikurpw(iKnowYourPassword) : )
          http://127.0.0.1:5500/

          이렇게 접속해보시면 될거에용! > _<
          대화보기
          • beginner
            20240302
          • 드솔
            24.02.16
          • 4월의눈꽃
            20240211
          • 레나
            2024.01.21 완료
          • Sansol Park
            Disqus 댓글 시스템을 사용하려면 몇 가지 조건이 충족되어야 합니다. 여러분이 겪고 계신 문제는 로컬 환경에서 Disqus가 작동하지 않는 것과 관련이 있는데, 이는 일반적으로 다음과 같은 원인 때문일 수 있습니다.

            로컬 서버 설정: Disqus와 같은 댓글 시스템은 실제 도메인이나 공개적으로 접근 가능한 IP 주소에서 가장 잘 작동합니다. 127.0.0.1이나 localhost는 로컬 개발 환경에는 적합하지만, Disqus 설정이나 기타 외부 서비스에서는 이를 인식하지 못할 수 있습니다.
            서버 실행: index.html 파일을 직접 브라우저에서 열면 file:// 프로토콜을 사용하게 되는데, 이는 Disqus가 요구하는 http:// 또는 https:// 프로토콜이 아닙니다. 로컬 서버를 실행하지 않고 파일을 직접 열면 댓글 기능이 작동하지 않습니다.
            방화벽 또는 네트워크 문제: 로컬 서버가 올바르게 구동되고 있음에도 localhost나 127.0.0.1에 접속할 수 없다면, 방화벽 설정이나 네트워크 문제일 수 있습니다.
            해결 방법은 다음과 같습니다:

            로컬 서버 실행: Node.js의 http-server, Python의 SimpleHTTPServer, XAMPP, WAMP, MAMP 등을 사용하여 로컬 서버를 실행하십시오. 이렇게 하면 localhost나 127.0.0.1으로 접근할 수 있게 됩니다.
            Disqus 설정 확인: Disqus 설정에서 로컬 환경에 대한 설정이 올바르게 되어 있는지 확인하십시오. 일부 서비스는 개발 모드에서 특별한 설정을 요구할 수 있습니다.
            포트 확인: 로컬 서버를 실행할 때 사용하는 포트(예: localhost:8000)가 올바른지 확인하십시오.
            방화벽 및 네트워크 설정: 방화벽이나 네트워크 설정이 로컬 서버의 접근을 차단하고 있지 않은지 확인하십시오.
            정확한 문제 진단을 위해서는 사용하고 계신 로컬 서버 설정과 방법, 또는 오류 메시지의 상세 내용이 필요할 수 있습니다. 위의 조치들을 확인해 보시고, 여전히 문제가 해결되지 않는다면 추가적인 정보와 함께 다시 문의해 주세요.

            GPT4를 활용한 답변입니다.
            대화보기
            • 김현지
              2024.1.6
            • haun
              20231218 done
            • 집게사장
              2023.11.23
            • 므갱이
              2023.11.10. 강의 완료.
              근데 잘 안댐.... 어렵다...
            • 4Tomorrow
              Disqus 설치사용완료. LiveRe도 써보려 했는데 회원가입 절차에서 오류가 있네요. 바로 오류 수정이 되지 않아 회원가입 포기함.
              Disqus 설치하고 댓글도 달아봤어요. 이거 설치후에 웹사이트 로딩속도는 느려지는군요.
              신기하고 뿌듯함. 231026
            • KunWoo
              231025
            • 샌디에고러버
              231024 학습 완
            • 우창규
              go live로 port:5500 연결되면 댓글기능 작동하더라구요
            • 정연세
              230929완
            • binz
              질문있습니다. 댓글 기능을 사용하기 위해서는 웹에 접속해야하여 파일 내 리르드로는 댓글 기능이 열리지 않는다는 것을 이해였습니다.
              이에 127.0.0.1/index.html , localhost/index.html 두가지 모두 입력해 보았으나 사이트에 연결할 수 없음만 떴습니다.
              혹시나 하여 깃에 올린 뒤 실행하니 정상적으로 작동하는 것으로 보아 제가 입력을 뭔가 잘못한 듯 한데 알려주실 수 있나요?
            • 차츠
              저도 안되요.. ㅠ.ㅠ
            • 정윤수
              23.09.07 안돼요 ㅠㅠ
            • 후리후리
              2023.07.31 완료
            • 코딩두
              23.07.06 완료
            • 아멜리아
              2023.07.06
            • 어흥
              230611
            • 파시
              23.5.18
            • 드림보이000
              2023.05.17. WEB1 - 부록 : 코드의 힘 - 댓글 기능 추가 파트 시작합니다.
            • awesome
              덕분에 해결했습니다. 감사합니다. :)
              대화보기
              • ANTIFRAGILE
                23.05.09.
              • IamBeen22
                2023-03-16
              • webby
                2023.02.25
              • otcace
                23.02.15
              • 으앗?
                23.02.09
              • 대직도
                2023.02.06.
              버전 관리
              egoing
              현재 버전
              선택 버전
              공동공부
              graphittie 자세히 보기