WEB1-HTML(4)

internet 과 web

 

인터넷이 도시라면 웹은 도시 위에 있는 건물 하나라고 볼 수 있다.

또 인터넷이 도로라면 웹은 도로 위를 달리는 자동차 한 대이다.

즉 인터넷 안에 웹이 존재한다.

 

1960년대 인터넷이 탄생하였고 1990년대 웹이 시작된다.

1960년은 인류역사상 처음이자 마지막이었던 핵전쟁이 끝나지 않은 때 탄생하였는데

미국에서는 핵공격이 일어났을 때 통신시스템에 심각한 취약점이 있다는 것을 발견했다.

당시 통신 시스템이 중앙집중적이었기 때문에 핵공격을 당하면 통신이 마비되는 위험이 있었던 것이다.

이런 문제를 극복하기 위해 분산된 형태 통신시스템을 구성하게 되는데 그것이 인터넷의 시작이다.

 

수많은 통신장치들이 각자 일종의 전화국 역할을 하는 상호부조 시스템이 인터넷이다

인터넷은 중앙이 없어서 하나가 파괴되도 나머지가 역할을 하게 된다.

 

-스위스에 유럽입자물리 연구소(CERN)에서 웹이 탄생했다.

 

http://info.cern.ch  최초의 웹페이지

 

 

web server 와 web client

 

웹브라우저가 설치된 컴퓨터는 인터넷을 통해서 전기적인 신호를 info.cern.ch 라는 주소의 컴퓨터에게 찌릿하고 보낸다.

그 전기적인 신호 안에는 나는 index.html 이라는 파일의 코드를 원합니다 라고 적혀있다.

그럼 info.cern.ch에 설치된 웹서버라는 프로그림이 어떤 디렉토리에서 index.htm이라는 파일을 찾고 그 내용을 읽어서

전기적인 신호를 바꾼 후에 웹브라우저가 설치된 컴퓨터에 신호를 보낸다.

그럼 웹브라우저가 설치된 컴퓨터에는 index.html 파일의 내용 즉 코드가 도착한다.

웹브라우저는 그 코드를 읽어서 웹페이지를 화면에 출력한다.

 

이처럼 웹브라우저가 설치된 컴퓨터와 웹서버가 설치된 컴퓨터가 서로 정보를 주고 받는다.

 

 

요청하는 컴퓨터는 클라이언트 컴퓨터

응답하는 컴퓨터를 서버 컴퓨터라고 부른다.

 

웹브라우저 -> 웹클라이언트

 

(고객과 사업자를 영어로 서버와 클라이언트..)

 

 

 

웹호스팅 github pages

 

 

깃허브가 제공하는 여러 기능 중 웹호스팅 기능을 통해 홈페이지를 운영할 수 있다.

회원가입 후 로그인 - 저장소(repository)를 생성하고 업로드 후 settings- 사이드 바에서 -pages 선택

branch를 main 혹은 master를 선택하고 save 버튼을 누른다.

 

 

 

-격리중에 만든 코로나싫어 -

https://inderrom.github.io/joojus/

코로나싫어

 

 

웹서버 운영하기

 

https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb

Web Server for Chrome

이 소프트웨어를 통해서 웹페이지를 운영할 수 있다.

다만, 같은 네트워크 환경에 있어야지 그 주소로 들어갈 수 있다.

 

 

-동영상 삽입

 

삽입하고 싶은 유투브 동영상을 공유하기-퍼가기 <> 의 소스를 그대로 복사해서

붙여넣는다.

 

-댓글 기능 넣기

 

https://disqus.com/

Disqus – The #1 way to build your audience

로그인 후 gte started 후 생성하고 코드 universal code 복사해서 웹사이트 하단에 붙여넣기

 

 

-채팅 기능 추가

 

https://dashboard.tawk.to/

Sign In | tawk.to

여기도 로그인 후 코드만 따와서 붙여넣기하면 쉽게 채팅 기능이 추가 된다!

 

-방문자 분석기

 

https://analytics.google.com/

Redirecting...

 

이것도 .... 참 손쉽다.. 나라까지 볼 수 있다 ! 신기신기

 

 

 

-이상 html 수업 끝~~~~~~ 얼른 css 들으러 가야겠다