생활코딩

Coding Everybody

코스 전체목록

닫기

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

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. sdi
    admin이 아니라 home으로 되어있는데 어디 있는거죠?ㅠㅠㅠ
  2. Aaron Soon Woo Kwon
    localhost 내지는 127.0.0.1로 연결했는데 댓글창이 안나오시는 분들이 참고하시면 좋을거 같아요.

    안되시는분들은 단순히 바탕화면에 있는 web(프로젝트명) 폴더에서 atom을 통해 코드를 붙여넣기를 하셔서 그럴 가능성이 높습니다.

    하지만 localhost나 127.0.0.1 로 연결했을때 해당 html파일이 웹브라우저에 나오게 하기 위해서는
    /var/www/html <- 이 경로안에 수정한 html파일이 있어야 localhost에서 제대로 작동이 되는걸 확인할수 있습니다.

    따라서, 바탕화면에 있는 프로젝트 폴더의 html파일들을 위의 경로로 복사 + 붙여넣기 하신후에
    127.0.0.1 이나 localhost로 접속하시면 댓글기능이 달린걸 확인하실수 있을겁니다.

    설명이 부족한거 같지만 차근차근 해보시면 될거 같아요.
    감사합니다.
  3. 서씨
    감사합니다!!
  4. 박수빈
    감사합니다!
  5. 로버트한
    짱입니다. ^^
  6. 공부다시해보자
    clear
  7. IWBAP
    감사합니다!
  8. jjinhyun
    "127.0.0.1에서 연결을 거부했습니다" 라고 나올경우 본인의 PC에 http서비스를 위한 80포트가 리스닝상태(활성화) 되어있지 않은 경우입니다.

    이전 강의를 듣고 github에 페이지를 올리신 분들은 그쪽에 수정한 파일을 업로드해서 gihub주소로 접속해보시면 될꺼고요

    위의 예제와 같이 본인 PC에서 127.0.0.1로 하실 경우엔 제어판->프로그램 및 기능->Windows 기능 켜기/끄기 -> 인터넷 정보서비스를 체크하신후 -> 확인 -> 기능이 추가 된 뒤에 해보시면 됩니다.

    만약 404 에러가 발생하면 윈도우 iis웹서비스의 기본 폴더인 C:\inetpub\wwwroot 로 작업하신 파일들만 옮겨주시면 됩니다.

    다른 방법으로는 아파치나 php등을 설치하시고 :8080을 붙여서 접속하시는 방법도 있습니다.
  9. KyeongSik Kim
    good!!!!
  10. dodo
    앗..저도 127.0.0.1/index.html이 파일을 바꿨음에도 댓글 코드 넣기 전 화면만 뜨길래 왜 안될까..했는데 엣지 말고 크롬으로 여니까 되네요 ㄷ;
  11. ㅎㅎ감사합니다
  12. 이면지
    공부를 쭉 해오다가 127.0.0.1로 바꾸니까 댓글창이 안뜨더군요.. 구글링을 해본결과 apache 서버를 start 해놓고, 127.0.0.1:8080/2.html 로 하니까 댓글창이 정상적으로 뜨더라구요. 해결을 하고 결과를 보긴 했지만, 이유를 알 수 있을까요??
  13. Lee Sangjun
    와........ 짱입니다. 저는 알려주신 라이브리로 한번 시도해봤어요.

    https://prokjun.github.io......tml
  14. 사차원
    한글이 지원이 되는 사이트가 있으면 좋을텐데...

    역시 외국과 우리나라는 현저한 기술 차이가 있네요~~ ^^
  15. DOTOLEE
    disqus.com
  16. 송진영
    정말 재밌네요 ㅎㅎㅎㅎ
  17. Dandelion
    좋은 강의 감사합니다! 여태까지 잘 따라왔는데요, 여기서 막히네요ㅠㅠ 저는 왜 댓글창이 안 생길까요..? localhost로 주소창 바꾸는 것까지 제대로 했고, 소스도 제대로 복사 붙여넣기 했는데.. 뭐가 문제인지 잘 모르겠어요ㅠㅠㅜ 혹시라도 시간이 되신다면 가능한 이유들과 해결방법을 알려 주시면 감사하겠습니다!!
  18. 감사합니다.
  19. 송종원
    '127.0.0.1에서 연결을 거부했습니다.'가 뜨면 어떻게 해야하나요?

    구글링해서 찾은 해결법은
    C:\Windows\System32\drivers\etc에 hosts문서에서 127.0.0.1을 설정해야한다는 것이었는데

    저는 127.0.0.1 localhost로 잘 설정되어 있네요..ㅠ
  20. 리기
    강의 잘 듣고 있습니다~~!! 혹시 웹페이지가 아닌 안드로이드 앱과 같은 곳에도 적용이 가능할까요?? 웹에서만 적용이 될까요...
  21. pbe134
    댓글기능 <div id="disqus_thread"></div>
    <script>

    /**
    * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
    * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com......s*/
    /*
    var disqus_config = function () {
    this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
    this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
    };
    */
    (function() { // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');
    s.src = 'https://web1-ovfzcks36b.disqus.com/embed.js';
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    으로 했는데도 홈페이지에 댓글기능이 안생기는데 이렇때는 어떻게 하는게 좋은지 않고싶어요
  22. imjunkimim9@gmail.com
    도메인 주소는 어떻게 바꾸나요?
  23. 안녕하세요 강의 잘 보고 있습니다.
    궁금한점이 있어요.

    맥버전>
    독일어와 한글 폰트를 같이 사용하고 있습니다.
    이전까지는 잘 되었는데 이번 '댓글 올리기 챕터'부터 폰트들이 깨지는 현상이 발생했어요.
    예시>ö ü ä ß 그리고 한글.

    Bitnami MAMP 작동 되는 상태이고 서버를 경유해 ipAddress 를 오는 순간 글씨가 깨져버리네요..
    혹시 영어로만 작성을 해야하는걸까요?
  24. htmlhm
    js의 위대함, 짱입니다.
    아래 있는 힝님 서버 다시 만들어 보아요.
  25. 127.0.0.1/index.html을 그냥 주소창에 치면 되는건가요?? 그렇게 했는데,
    사이트에 연결할 수 없음이 떠요ㅜㅡㅜ

    127.0.0.1에서 연결을 거부했습니다.
    다음을 시도:
    연결확인
    프록시 및 방화벽 확인
    ERR_CONNECTION_REFUSED

    이렇게 뜨는데 뭐가 문제인걸까요?? 프록시 서버도 확인 해봤어요!!
    (크롬 사용합니다.)
  26. 취업하고싶따
    이번 강의도 정말 많은 도움이 됐습니다. 하나하나 배워갈때마다 웹페이지가 더 편리하게 변하네요 ^^
  27. 스페이스몽키
    매 강의마다 감사합니다.
  28. Dreaming_Joyy
    소스코드를 복사해서 넣고, c://상태로 할 떄는 unable to load가 뜨고, 이 상태에서 '페이지 소스보기'를 보면 disqus에서 복사한 그대로 들어가 있는데요.

    127.0.0.1/index.html 주소로 쳐서 보면 '페이지소스보기'에 그 소스코드가 사라진 채로 구현이 되요ㅠㅠ
    왜 그런걸까요??
  29. 스타일C
    와,,,예전에는 그냥 무심코 지나친 disqus 인데,,,이렇게 설명을 들으니 제가 무지 햇군요 ,,
    감사합니다.
  30. disqus 를 넣고 익명게시자가 게시가능그리고 관리자승이none 까지 다체크했는데도 익명으로덧글을달면
    관리자가 덧글을 승인해야나오네요 ㅠㅠ
  31. 제갈량
    음 무료로 댓글 서비스를 해주는 기능이 있었네요.
    너무 좋은거 같습니다.
    이거 잘 이용하면 좋은거 같아요~
  32. Hye-yoon Eom
    넘나 신기한 것...!!!! 수업 끝나고 페이지 열어보고 저도 모르게 "와우" 감탄이 나왓네요
    이고잉님 정말 너무 멋지십니다!
  33. 모바일
    모바일에서 쓴 댓글은 모바일에서만 보이고 pc에서만 쓴 댓글은 pc에서만 보이는데 서로 확인할 수 있는 방법 아시는분..?
  34. 도와주세욤
    127.0.0.1/index.html 을 입력하면 https://www.bing.com......R3N 이 창으로 연결되네요. 어떻게 해야 할까요

    + 검색공급자를 삭제하고 진행해도 페이지를 표시할 수 없습니다는 창이 뜹니다.
  35. 한승우
    htdocs폴더에 web1 디렉토리에 있는 html 파일을 옮겨 넣엇더니 돌아가네요.

    이고잉님은 위와같은 작업을 동영상 강의에서 안하신것 같은데
    어떤 차이가 있었던 걸까요?
    대화보기
    • 한승우
      안녕하세요~ 댓글삽입 잘따라했는데
      127.0.0.1/index.html 치니까 bitnami화면이 나오네요
      이유를 모르겠는데.. 도움을 구할 수 있을까요?
    • 크리스마스이브
      안녕하세요.

      구글 블로거에 '댓글 기능'을 추가하려고 하는데요.

      몇 번 해보다 잘 안되서요.

      'DISQUS' 목록 내 'BLOGGER' 있어서, 가젯은 추가가 됐는데, 화면상 보이지는 않아요.

      물론 댓글을 쓸 수 없고요.

      블로거 경험 있으신 분들 도움을 받을 수 있을지요?
    • Daniel choi
      잘되네요. ^^
    • 감사합니다
      아래, "도움쟁이"님 글 퍼서 올립니다!
      혹시 web폴더에만 저장해놓으셔서 그런 것 아닐까요? 저도 똑같은 문제로 고민하다가 web폴더가 아닌 htdocs폴더에 다시 넣고 저장해서 봤더니 댓글이 생성돼요! 이건 웹에서 불러오는 파일이라 내 컴퓨터 안에 있는 파일 뿐만 아니라 웹서버에도 올려야 하는 듯 해요!
      대화보기
      • github으로 해야겠네요 방화벽때문인지 안되네요 ㅠㅠ
        댓글처럼 좋은 기능이 무료라니 ^^
      • 아 guthub 에 올려놓은 파일을 다시 업로드하고 사이트를 다시 열어보니 댓글창이 생겼네요!
        대화보기
        • 한재민
          좋은 기능이네요
        • aimerthis(이성민)
          잘봤습니다
        • BY Chin
          감사합니다
        • Jaehak Kim
          어렵군요....
        • egoing
          github로 업로드해서 주소를 알려주시면 도움을 드리기 쉬울 것 같습니다 :)
          대화보기
          • 저도 실습영상보고 똑같이 따라했는데, 사이트에 댓글창 자체가 안 뜨네요. 무슨 문제일까요? 동영상 삽입까진 잘 했는데 여기서 막히네요...
          • 감사합니다. ^^
          • PassionOfStudy
            2018-01-15 - 두 번째 수강완료!


            몇 줄의 코드로 이러한 기능을 넣을 수 있다는 것이 정말 신기합니다.
            다른 서비스에는 무엇이 있는지 좀 더 살펴봐야겠네요ㅎㅎ
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기