본문 바로가기
블록체인 및 경제/웹프로그래밍

[HTML] 10. 서버와 클라이언트 이해하기

by kimsfamily 2020. 10. 7.

1) HTML과 인터넷의 이해

1. HTML에 대한 이해

2. HTML 코딩 실습환경 준비(ATOM에디터 다운 및 설치)
3. HTML 기본문법(태그) 이해하기 및 검색을 통한 태그공부

4. HTML 무슨 태그를 먼저 공부해야 할까?

5. 줄바꿈 <br>태그와 <p> 태그 차이점

6. html 태그 속성 그리고 이미지태그<img> 사용법

7. 부모자식태그 <li><ul><table><tr><td>등
8. HTML 문서의 구조 및 다른 웹페이지 연결하기(a href)

9. 나만의 홈페이지(웹사이트) 만들어보기

10. 서버와 클라이언트 이해하기

 

이번 시간은 HTML, 웹의 시작 마지막 강의입니다. 바로 서버와 클라이언트에 대한 이해인데요. 이번 과목이 앞으로 수업하는데도 중요하므로 정확히 이해하고 넘어가는것이 중요합니다!!

 

1. 인터넷 VS 웹

 인터넷과 웹은 어떤 차이가 있을까요?

인터넷은 1960년대에 시작되었고, 웹은 1990년대에 시작되었습니다.

웹은 인터넷이라는 거대한 망 안에 포함된 작은 영역입니다.

인터넷으로 연결된 세계 속에서 웹을 통해서 정보를 주고,받을 수 있죠~~웹은 하나의 좋은 도구입니다!!

 

 

2. 세계 최초의 웹은 어디일까요?

1990년대, 스위스에 유럽입자물리 연구소(CERN)이라는 연구소가 있었죠.

여기에서 1990년 12월 24일 팀버너스리에 의해서 세계 최초의 웹페이지가 만들어졌습니다.

1990년 11월에 세계 최초의 웹브라우저를 만들었고 그 웹브라우저 이름이 world wide web이었죠.

이 브라우저의 이름이 현재 Web이라는 용어로 사용되고 있습니다.

아래 여전히 접속 가능합니다. 한번 들어가보셔야죠?

 

info.cern.ch/

 

http://info.cern.ch

 

info.cern.ch

 

3. 서버와 클라이언트는 무엇일까?

그럼, 본론으로 들어와서 서버와 클라이언트를 한번 알아봅시다!!

먼저 인터넷이 가능하게 하기 위해서는 2대의 컴퓨터가 필요합니다.

팀버너스리가 최초에 만든 웹브라우저는 아래와 같습니다.

세계 최초의 웹페이지 info.cern.ch 에 접속하기 위한 웹브라우저, 그리고 info.cern.ch의 정보가 있는 웹서버의 2대의 컴퓨터가 필요했습니다.

아래와 같이 정보를 주고 받게 됩니다.

사용자는 웹브라우저를 통해서 서버에서 보내준 index.html의 정보를 읽고 해석합니다.

이 과정이 아래의 그림과 같습니다.

 

]

우리가 자주 하는 게임은 아래와 같고

 

우리가 매일 하는 채팅(카카오톡)은 아래의 그림과 같습니다.

 

 

인터넷에서 우리가 하는 모든 활동은 이런 과정을 거치게 됩니다.

그래서 서버와 클라이언트를 이해하는게 아주 중요합니다.

 

HTML은 클라이언트에서만 보여지도록 작성된 언어입니다.

앞으로 배울 CSS 역시 그렇구요.

이후에 배울 JavaScript 역시 클라이언트에서 보여집니다.

마지막에 배울 Node.js는 클라이언트가 아니라 서버에서 동작할 수 있는 언어입니다.

언어마다 특징이 있는데, 웹언어는 이 클라이언트/서버의 개념이 항상 필요합니다.

 

생각보다 어렵진 않죠?

앞으로 계속 수업을 듣다보면 자연스럽게 이해할 수 있습니다.

 

이렇게 HTML 웹기초강의는 끝났습니다.

다음엔 CSS강의인데, 이것 역시 어렵지 않으니 빠르게 익히고 다음으로 가야죠~~~

모두 수고하셨습니다!!

 

아래 생활코딩의 이미지와 강의를 바탕으로 필요한 부분만 재작성된 강의안입니다.

opentutorials.org/course/3084/18890

 

반응형

댓글0