부록 코드의 힘: 댓글 기능 추가
웹페이지에 댓글 기능을 추가하는 것은 생각보다 간단하지 않다. 데이터베이스 연동부터 스팸차단기능, 이미지업로드, 다른 서비스와의 연동까지 많은 기술들이 필요하다.
그래서 오늘은 댓글기능을 제공하는 DISQUS를 이용해서 웹페이지에 댓글기능을 적용시켜보았다.
※DISQUS 가입하는 과정의 이메일 확인에서 오류가 발생해서 헤맸다. 아래의 블로그 글을 통해 해결할 수 있었다. URL decode를 통해서 해결하는데 정확한 기전은 잘 모르겠다.
https://minhyeong-jang.github.io/2021/03/10/disqus-error
DISQUS를 통해 댓글기능을 구현하는 소스코드를 복사해와서 WEB 소스코드에 붙여넣었다.
웹페이지를 단순히 웹브라우저의 저장된 파일에서 열면 오류가 생겨서 안열린다.
그래서 도메인 또는 localhost 또는 현재 컴퓨터 ip주소인 127.0.0.1/index.html을 이용해서 웹브라우저가 요청하고 웹서버가 관련 html을 보내주는 방식으로 열어야 정상적으로 작동했다.
또한 웹서버를 이용하기 때문에 그 전 수업에서 아파치를 설치할 때 생성된 Apache24>htdocs 폴더 안에 해당 파일들이 있어야한다. 왜냐하면 아파치 설치시 웹서버를 통해 파일을 열때 자동적으로 htdocs폴더안에서 웹브라우저로 보낼 파일을 찾기 때문이다.
부록 코드의 힘: 채팅기능 추가
이번에는 "tawk"에서 채팅 기능 소스코드를 복사해서 붙여넣았다. 이 역시 파일은 htdocs에 있어야 하고 웹서버를 통해 웹페이지를 열어야한다.
바른 자세로 코딩합니다 👦🏻💻