WEB1 부록.웹사이트 방문자 분석기

웹싸이트 방문자의 수, 유입경로, 이동경로, 어떤 환경에서 웹사이트를 탐색하는지 등 알려주는 서비스

이 중 구글 애널리틱스를 알아볼 것

 google analytics

지금은 UI나 기능들 추가등 많이 바뀌었으므로 사용할 때 알아보자!!

간단하지 않음

WEB1 부록.채팅 기능 추가

이런 채팅 기능

방문자와 채팅 가능하게하는 서비스

www.tawk.to

로그인하고 설정화면에서 widget code를 복붙 사용

html파일로 바로 쓰면 에러나고 웹서버를 통해서 사용해야함

WEB1 부록.댓글 기능 추가

지금 우리의 웹사이트는 방문자들에게 자료를 제공할 수 있게 되었지만 방문자들이 우리에게 정보를 제공하진 못하는 상태. 즉, 상호작용은 불가능한 상태.

방문자와 교류 가능한 수단, 댓글

html로 직접 구현하는 것은 불가능하고, 백엔드(php,django,jsp,python 등)을 배워야한다.

이외에도 다양한 기술을 배워야하는데 예를들면, 기계가 스팸 댓글을 달기에 사람이 하나씩 다하기에는 불가능하며 기계인지 아닌지를 기계가 구별할 수 있게하는 스팸차단 기능이 필요하고 또 사용자들이 이미지를 업로드하는 기능이나 페북,구글+같은 서비스 연동했으면 좋겠는등 많은 기능성들이 필요로함

댓글 직접 구현하는 것은 아주아주 어려운 일

개발을 직접하기 전에 남들이 만든 댓글을 우리 웹사이트에 포함시키면 직접 구현하지 않고도 댓글 구현이 가능

디스커스(disqus)라는 서비스라는 기능을 사용하여 웹페이지 하단에 댓글을 추가해볼 예정

https://disqus.com/

이외에도 livre라는 서비스도 좋다

디스커스에서 주는 코드를 붙여넣으면 되는데 만든 웹페이지에 코드적용시켜보면 로드할 수 없다고 나온다. 보안상의 이유 때문.

로컬호스트(127.0.0.1)

127.0.0.1/index.html를 주소창에 입력하면 됨.

댓글에 이미지 삽입도 되고 무료!

WEB1 부록.동영상 삽입

유튜브 동영상 삽입

embed 클릭

<iframe> 태그

아래처럼 <p>tag 같은걸 이용해서 붙여주면 동영상 삽입됨

결과화면

다른 사람들의 많은 자본이나 시간,노력의 결과물들을 한줄의 코드로 우리의 웹페이지에 합성할 수 있게됨.

이것이 코드의 힘

web1-20.수업을 마치며 1/3

지금까지 웹의 본질,핵심 개념을 배웠음

교양을 위한 코딩 여기까지. 무리하지말고 천천히 미래에 다시

web1-20.수업을 마치며 2/3

기초적인 내용을 가지고

복잡함에 대한 얘기(주제)

2의 50제곱의 경우의 수와 이 모두를 테스트(디버깅)해야하는 상황 - 복잡성

배운 것들이 너무 많아지면서 머리가 복잡해지고 이것들을 잘 사용하지 못하게됨

더 예쁘게 더 생산적으로 더 편리하게 웹을 사용하고 싶은 욕구,필요성을 느낀다면 이때가 새로운 것(진도)을 배울 때.

뭔가 만들기 위해 벽,절망에 부딪혔을 때 새로운 것을 배우기 위해 다시 찾아오십시오.

web1-20.수업을 마치며 3/3

앞으로의 수업 방향

웹사이트를 멋지게 하고 싶다면? WEB2 CSS

   - 관련 직업 : 웹퍼블리셔,웹디자이너

사용자와 상호작용하는 웹페이지를 만들고 싶다면? WEB2 JS

   - 관련직업 : 웹 프론트엔지니어,웹 인터렉티브 디자이너

만약 1억개의 웹사이트를 운영하고 있는데 1억개의 이 웹사이트의 코드를 하나씩 변경해야한다면? WEB2 PHP,JSP

PHP,JSP,Node js,파이썬의 장고,루비의 루비온레일즈,ASP닷넷등

  - 관련 직업 : 벡엔드 엔지니어

만약 웹사이트로 돈을 벌고 싶다면? 광고 노출을 통해 돈을 벌 수 있다 WEB2 광고수업