Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

과거의 내가 미래의 나에게

웹이란 뭘까? 본문

FE

웹이란 뭘까?

양바삭 2023. 7. 2. 16:57

 

저번 글에서는 개발자란 무엇인지 그리고 웹이란 무엇인지 살펴보았다. 이번 글에서는 웹이란 무엇인지 정의내리고, 웹의 동작 원리는 어떤 과정인지 살펴봄으로써 앞으로 배워야 할 것이 무엇이 있을 지 살펴보는 것이 목적이다.

 

그래서 웹은 뭔데?

웹이 탄생하게 된 과정을 살펴보면서 웹이 어떤 것인지 어렴풋이 알게되었지만 그래서 웹이 무엇이냐? 라고 질문한다면 어떻게 대답해야할까. 웹은 단순하게 인터넷을 통한 서비스들 중 문서(=웹페이지)를 공유하고 정보를 검색 할 수 있는 서비스 제품이다. 수많은 컴퓨터 프로그램 중에 하나의 프로그램일 뿐인 것이다.

 

< 참조 >
인터넷 서비스에는 WWW(줄여서 Web), E-Mail, Telnet(원격접속), FTP(파일송수신), IRC(채팅) 등이 있다. 위의 서비스들은 보통 웹에서도 많이 접해봤을텐데 이는 웹을 기반으로 해서 위의 기능을 만든 것 뿐이다.

 

웹 실행시키기

그렇다면 웹이라는 제품을 사용하기 위해서는 무엇이 필요할까? 웹을 사용하기 위해서는 웹페이지를 저장하는 프로그램과 웹페이지를 요청하는 프로그램이 필요하다. 이를 각각 웹 브라우저 그리고 웹 서버라고 한다. 웹 브라우저는 사용자가 웹페이지를 요청하고 또 요청된 웹페이지를 볼 수 있는 프로그램이고, 웹 서버는 웹페이지들이 저장되어 있다가 사용자가 특정 웹페이지를 요청했을 시 해당 웹페이지를 돌려주는 역할을 하는 프로그램이다.

 

사용자는 웹 브라우저를 통해 보고 싶은 웹페이지의 주소를 주소 표시줄에 입력하게 되면, 웹 브라우저는 웹 서버에 사용자가 보려는 웹페이지에 대한 정보를 요청한다. 그리고 웹 서버는 받은 요청에 해당하는 웹페이지 정보를 다시 웹 브라우저에 전송하며, 웹 브라우저는 받은 웹페이지를 화면에 그려낸다. 이것이 웹의 작동 방식이다.

 

웹의 동작 원리

이제 본격적으로 웹의 동작 원리에 대해서 알아볼 때가 되었다. 웹 브라우저를 켜서 원하는 웹페이지를 요청하고 이를 웹서버로부터 받아오는 과정을 도식화한 그림이다.

 

http://www.tcpschool.com/webbasic/works

 

 

① 사용자가 웹브라우저를 실행한다.

 

② 원하는 웹페이지의 URL 주소를 주소표시줄에 입력한다.

 

③ 사용자가 입력한 URL 주소 중에서 도메인 네임 부분을 DNS 서버에서 검색한다.

 

④ DNS 서버에서 해당 도메인에 해당하는 IP 주소를 찾아 사용자가 입력한 URL 정보와 함께 전달한다.

 

⑤⑥ 웹페이지 URL 정보와, IP주소를 HTTP 프로토콜을 사용하여 HTTP 요청 메시지를 생성한 후 TCP 프로토콜을 사용하여 인터넷을 통해 IP 주소에 해당하는 컴퓨터로 전송된다.

 

⑦ 도착한 HTTP 요청 메시지를 HTTP 프로토콜을 사용하여 웹페이지 URL로 변환된다.

 

⑧ 웹 서버는 도착한 웹페이지 URL 정보에 해당하는 데이터를 검색한다.

 

⑨⑩검색된 웹 페이지 데이터를 HTTP 프로토콜을 사용하여 HTTP 응답 메시지를 생성한후 TCP 프로토콜을 사용하여 인터넷을 통해 요청했던 컴퓨터로 전송된다.

 

⑪ 도착한 HTTP 응답 메시지는 HTTP 프로토콜을 사용하여 웹페이지 데이터로 변환된다.

 

⑫ 변환된 웹 페이지 데이터는 웹 브라우저에 의해 출력되어 사용자가 볼 수 있게 된다.

 

 

 

다음 장부터는 웹의 동작 과정을 자세히 살펴보기 위해 위의 그림과 설명을 참고하여 아래의 순서대로 공부해보겠다.

  1. 웹브라우저에서 주소 요청 시 DNS 서버에서 어떤 일이 일어나는지
  2. HTTP 프로토콜 통신의 개념과 작동 원리
  3. 웹서버는 어떤 것인지
  4. 웹 브라우저가 웹페이지에 대한 정보를 받았을 때 어떻게 출력되어지는지
  5. 인터넷은 어떤 원리로 작동하는지

'FE' 카테고리의 다른 글

iframe  (0) 2023.09.24
Next.js 문서 읽기 - 개요  (0) 2023.08.20
CSS 설계 기법 정리  (0) 2023.06.21
Cookie, Session, Web storage  (0) 2023.06.18
Electron 설치 및 실행  (0) 2023.01.03
Comments