html - 댓글 기능 추가하기

댓글 기능을 직접 구현하는 것은 html로 불가능하다. 백 엔드라는 기술을 알아야 한다.

예를들면 php jsp, 파이썬의 장고 이런 기술들을 이용해서 데이터 베이스까지 활용해서 구현하는 것이 필요하다.

그런데 그 기술들만 있어서 되는 것이아니라 상당한 기술력이 필요합니다.

왜냐하면 스팸 댓글이 달릴 수 있기 때문입니다.

그래서 필요한 것이 기계가 스팸차단을 할 수 있는 기능이 필요합니다.

그래서 우리가 댓글 기능을 직접 개발하는 것은 아주아주 어려운 일입니다.

그러면 개발을 해야할까요? 만들면 좋지만 이 글에서는 남들이 만들어 놓은 기능으로 추가해보겠습니다.

 

우선 Disqus라는 사이트에 들어가서 로그인을 합시다.

https://disqus.com/

Disqus – The #1 way to build your audience

그리고 프로필을 눌러서 Setting을 들어가 줍시다.

Setting을 들어가서 톱니바퀴 모양을 클릭해서 Add Disqus Site라는 버튼을 눌러줍시다.

그리고 여기서 아래 I want to install Disqus on my site라는 걸 클릭해줍시다.

그럼 영상에서 보는 것과 같은 창을 보실 수 있게 됩니다.

카테고리와 이름을 적당히 설정을 해주고 생성을 해주면 사이트가 생성이 됩니다.

생성을 하게 되면 어떤 특정 사이트에 달 수 있는 댓글이 만들어진 것이다.

무료 버전을 선택한 후 아래의 사진에 있는 Universal Code를 클릭해줍시다.

클릭을 하게 되면 아래와 같은 코드가 나오는데 코드의 의미는 몰라도 됩니다.

이 코드를 복사해서 우리 코드에다가 붙여 넣어 봅시다.

저장을 하고 페이지를 열어보면 아래와 같은 상황이 뜰 겁니다.

이것은 현재 웹페이지를 열 때 웹서버를 통해 열지않았기 때문에 보안상의 이유로 기능을 하지 않는 것입니다.

그래서 이런 상황에서는 주소의 앞에 localhost를 추가하면 되는데

저의 컴퓨터에서는 되질 않네요.. D드라이브에다가 파일을 해서 그런건지..

아무튼 이렇게 따라서 하시면 됩니다!!!