생활코딩 | WEB1 부록 - 코드의 힘 : 댓글 기능 추가
본문
※ 영상을 선명하게 보기 안내
- 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
- 팝업목록에서 "품질" 선택하세요.
- 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
생활코딩님의 HTML강의 청각장애인을 위한 자막
자 지금 우리가 만든 웹 사이트는 음 굉장히 중요한 기능 즉 방문자들에게
정보를 제공할 수 있게 되었지만방문자들이 우리에게 정보를 제공하지 못하죠
즉 상호 작용 하지 못한다.는 겁니다
그래서 일반적으로 웹 사이트가 있으면 그 웹 사이트에서 가장 중요한
방문자와 이에 교류 수단
댓글 예아 로그 댓글 기능을
여러분이 그 직접 구현하는 것은 html 로는 불가능하고
여러분이 소위 빽 & 라는 기술을 하셔야 됩니다
그래서 뭐 예를 들면 php jsp 뭐 파이썬 장구 뭐 이런 기술들을
이용하셔서
데이터베이스 까지 활용해서 구현하는 것이 어 필요해요
예 높은 산을 넘어야 됩니다 그 기술들 많이 써서 되는 것니라
이 댓글 서비스는 상당한 기술력을 요구 해요 왜냐면 특히나 댓글은 스팸이
달립니다
그럼 이제 스페 이미 달렸을 때 그걸 사용자가 하나하나 수정하고 삭제하는
것은 어느 시점에서 불가능해요
왜냐하면 기계가 스팸을 다 알거든요 그 무리에게 뭐가 필요하냐
얻으러 온 댓글이 스펨 인지 아닌지를 기계가 판단할 수 있게 하는 그런
스팸 차단 기능과 같은 것들이 필요해 집니다
예 그리고 또 사용자들이 뭐 이미지도 업로드할 수 있게 했으면 좋겠고 또
페이스북이나 구글 플러스 같은 서비스 랑 연동 했으면 좋겠고 뭐 여러가지
기능들이 추가 되면 이 댓글이 라는게 별거 아닌 것 같지만 굉장한 이
많은 기능성 에 어떤 필요한 것이죠 자 그래서 이제 댓글을 우리가 직접
구현하는 것은 아주 아주 어려운 일입니다
그 어떻게 해야될까요 개발을 해야 될까요 하면 좋죠 하세요 하시는데
어 개발 우리가 직접 하기 전에 그 전에 우리가 한번 해봐야 될 것은
남들이 만든 댓글에
우리 웹사이트에 포함시키면
여러분이 직접 구현 하지 않고도 이런 것이 가능하다는 겁니다 자 그래서
저는 디스커스 라고 하는 서비스를 사용해서 우리 웹 페이지 하단에 댓글을
추가해 보겠습니다
그리고 디스커스 말고도 음 라이브리 라고 하는 아주 훌륭한 서비스가
있습니다 이 서 비 스 키 천들이 니까요
요것도 한번 살펴 보시면 좋겠습니다 자 디스커스 에서 음
로그인 일단 하시고요 그리고 관리자로 들어가보면
여기에 어
you're 사이트 라고 되있는거 보이시죠
클릭하면 지금 32 라고 되어 있는건 저는
3 10개나 되는 웹사이트를 지금까지 만들었고 그 웹사이트 들에게 필요에
따라서 이 디스커스 라고 하는걸 이용해서 댓글들을 너 났거든요
그래서 여러분이 웹사이트 1 을 만든다 그럼 여기다가 하나를 추가합니다
아이템을 자 뉴 를 누르겠습니다
자 그럼 이렇게 생긴 화면이 드는데 여기에서 웹 사이트의 이름 m 웹
사이트 이름 에다가
저는 웹 원이라고 쓰겠습니다
예 자 그리고 카테고리는 뭐 적당히 하시면 됩니다 저는 어 뭘로 할까요
테크 자 크레이트 사이트 하면 여러분이 어떤 특정 사이트에 탈 수 있는
댓글이 만들어진 겁니다 자 그러면 여기서
어 레스 띠앗 스탈이 c 라고 되어있는 부분을 클릭해 볼게요 자 그럼
보시는 것처럼 이렇게 생긴 화면이 뜨는데요
음 요건 이제 여러분이 사용하고 있는 서비스가 있다면 예 그거를
사용하시면 좀더 편하게 할 수 있는건데
이렇게 밑에 유니버셜 코드 라고 되어 있는 버튼이 있을겁니다
저거 튼 을 클릭합니다
자 그럼 이렇게 생긴 코드가 나오는데 이 코드의 내용 몰라도 됩니다
저도 몰라요 저는 관심도 없어요
어 그냥 예 코드 곡 내가 html 이기 때문에 웹 페이지의 다가 이것만
추가하면 댓글이 추가된 아 딱 고정도 에 출원을 통해서 알 수 있는
것이죠
한번 여기는 코드를 카피해서
우리 웹 사이트 하단에 다가 자 이렇게
이렇게 다시 한번 해 볼게요 자 웹 사이트 하단에
이렇게 추가했습니다 요만큼 이 추가가 된거죠
내용은 몰라도 됩니다 중요한 건 html 코드 고 2 디스커스 에서
이렇게 하라고 하면 요렇게 하면 된다 라고 막 이해하시면 됩니다
자 그럼 웹 페이지를 열고 밑에 를 보면 어
디스커스 를 로드할 수 없다 라고 나옵니다
자 그 이유는 뭐냐면 여기 주소를 보시면
예 주소가 현재 저 같은 경우는
자 보시는 것처럼 8 그 시작합니다
즉 웹 서버를 통하지 않고 우리가 디스커스 를 열려고 하면 안 열려요
보안상 이유가 있습니다 자 그래서 이용은 어떻게 해야되냐 우리가 웹
서버를 이용해서 페이지 5 라야 돼요 자 그럼 주소를
예를 들면 이렇게 바꿀 수 바꾼다면
되겠죠 자 여기서 로코 로스트 코스트 자기 자신의 컴퓨터 127 점
0.0 점에 과 같은 뜻입니다
인덱스 점 html 하고 엔터를 땅 치면
자 밑으로 쭉 내려가 보면
자 보시는 것처럼 벽 개 생기 화면이 뜹니다
예 신기하죠 자 여기다가 제가 더스트
커멘트 댓글이 안 뜻입니다 첫 번째 코멘트
하녀 는 댓글이 달립니다 그리고 제가 뭐 필요에 따라서 이렇게 이미지를
드래그 하면 보시는 것처럼 이미지를 업로드할 수 있어요
약해요 그러면 이렇게 삽입이 되는 거죠
그리고 이걸 하는데 부릅니다
그럼 이제 여러분 어떻게 하면 되겠어요 여기 있는 이 코드를
모든 웹페이지에 전파가 하시면 됩니다 여러분이 웹페이지가 많지 않다면
충분히 걸로도 여러분이 많은 일을 할 수 있습니다 정말로 그런 모든 웹
페이지에서 보시는 것처럼 댓글 기능을 사용할 수 있게 됩니다
자 보시는 것처럼 이런 댓글 서비스를 만드는 것은 굉장히 어려울 이미
어려운 일입니다
앞서 말씀드린 것처럼 누군가는 이 서비스를 만들기 위해서 예 10년이 먼
넘는 시간 동안 자신의 돈과 시간과
젊음을 가 러너 온 거대한 부품 을
우리는 단지 몇 줄의 코드를 우리 웹 페이지에 추가하는 걸 통해서 그런
어마어마한 기능을 갖는 웹사이트를 만들 수 있게 된겁니다
것이 바로 뭐 것이냐 코드의 힘입니다
자 이렇게 해서 우리 사이트에 댓글을 다는 방법을 살펴봤습니다.
댓글 0개
등록된 댓글이 없습니다.