[10일차] 부록 : 코드의 힘 - 댓글 기능 추가

10일차

---

프로젝트의 동기

기획

코딩과 HTML

HTML 코딩 실습 환경 준비

기본 문법 - 태그

혁명적인 변화

통계에 기반한 학습

줄바꿈

HTML이 중요한 이유

최후의 문법 속성과 img

부모 자식과 목록

문서의 구조와 슈퍼스타들

HTML 태그의 제왕

웹사이트 완성

원시웹

인터넷을 여는 열쇠 : 서버와 클라이언트

웹호스팅 (github pages)

웹서버 운영하기

웹서버 운영 : 윈도우

웹서버 운영하기 : 맥

웹서버 운영 : 리눅스

수업을 마치며 1

수업을 마치며 2

수업을 마치며 3

부록 : 코드의 힘

부록 : 코드의 힘 - 동영상 삽입

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

부록 : 코드의 힘 - 채팅 기능 추가

부록 : 코드의 힘 - 방문자 분석기

---

WEB1 10일차 바로가기

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

---

□ 필요점 (쌍방향 의사소통)

 방문자가 웹페이지 관리자에게 정보를 제공→ 댓글기능

□ 한계점 

 ○ html 구현 불가 → web-end 기술필요

 ○ 스팸여부 확인필요 (악성/매크로) → 차단기 설치

 ○ 이미지 댓글, 소셜서비스 연동 댓글 → 소통↑

□ 대안책

 선구자들이 만들어 놓은 댓글 서비스를 우리 웹페이지에 포함시키기 (예: DISQUS, LiveRe)

▲ 회원가입 (구글 id 可)

▲ 웹사이트 이름명 / 카테고리 설정 후 '사이트만들기' 클릭

▲ 일단 무료로 써보고..

▲ 위에 해당되는 공급업체가 없는 경우, '빨간색 상자'에 있는 버튼 클릭

▲ 복사 + 붙여넣기 하였지만 보안상의 이유로 열리지 않는다.

▲ 주소창 '127.0.0.1/1.html' 수정 (localhost) → 그래도 댓글창이 안 나타난다면 아래와 같이 한다.

▲ 위 주소('아파치')로 가서, 메모장으로 열고 댓글창 코드를 복사+붙여넣기 한다. 

▲ 페이지 새로고침을 하면, 댓글창이 생긴 것을 알 수 있다

▲ 내친김에 웹호스팅 서비스(github)를 통해, 내 홈페이지를 보여주기로 한다.

▲ '1.html'을 갱신하였다

▲ 내 홈페이지로 접속했는데도, 댓글창이 보이지 않는다..

▲ Bitnami WAMP STACK을 통해 Apache Web Server를 재시작(Restart)한다.

▲ 댓글창이 생성완료. 성공적으로 댓글도 입력된다

생활코딩 'egoing'님 홈페이지과 최진실님 홈페이지 참고하였습니다.