생각 작업실 The atelier of thinking

1. 인터넷(Internet)과 웹(Web) 본문

웹(Web) 이야기

1. 인터넷(Internet)과 웹(Web)

knowledge-seeker 2024. 1. 22. 13:48

코딩을 시작할 때 'HTML'를 추천하는 이유는 우리가 매일 접하는 인터넷 사용과 밀접한 관계가 있기 때문에 접근하기가 쉽다는 것이 가장 큰 부분입니다.

우리가 인터넷에서 가장 많이 접하는 것인 웹(Web)이라 할 수 있습니다. 사실 웹(Web) 이란 말은 처음에 익숙하지는 않았습니다. 우리가 "인터넷에서 찾아봐" 혹은 "홈페이지에 들어가봐" 라고 말하지 웹사이트를 찾아봐, 웹페이지를 확인해봐 등 웹이란 말은 잘 사용하지 않았던 것 같습니다.

'HTML' 은 이 웹페이지를 만드는 가장 기초적인 언어입니다. 우리가 매일 접하고 있는 웹페이지의 한꺼플 아래 위치해 있습니다. 즉, 우리는 매일 HTML을 접하고 있다고 할 수 있습니다. 이러한 이유로 HTML로 코딩을 시작한다면 쉽게 입문할 수 있을 것입니다.

HTML의 코드를 시작하기 전에 미리 알아두면 좋을 인터넷과 웹에 대한 기본 개념을 먼저 알아보도록 하겠습니다.


1. 인터넷 (Internet)


인터넷을 정의한다면 네트워크(Network)를 하나로 묶는 기술이라 할 수 있습니다.
인터넷은 컴퓨터 네트워크 (Computer Network)이며 네트워크의 네크워크 (Network of network)라 할 수 있습니다.

(1) 인터넷의 유래

인터넷은 1960년에 미국에서 군사적 목적으로 분산된 통신시스템을 구축하는 과정에서 만들어졌다고 합니다.

1960년대 미국 국방성은 서로 호환되지 않는 육군,해군,공군의 근거리 통신(LAN, Local Area Network)을 하나로 묶는 연구를 진행하였다고 합니다. 1969년 알파넷(ARPAnet, Advanced Research Project Agency net)을 만들어 서로 다른 종류의 LAN들을 선으로 연결하였습니다. 이것이 인터넷의 시초라고 합니다.



(2) 인터넷 프로토콜(Protocol) - TCP/IP

 


프로토콜을 번역하면 통신규약이라 할 수 있습니다.

 

컴퓨터를 선으로 연결하는 것만으로는 통신이 이루어지지 않습니다. 통신을 하려면 서로 간에 약속을 해야하는 데, 이 약속을 프로토콜이라 합니다.

인터넷은 서로 다른 네트워크끼리 연결한 것이며 어떻게 데이터를 주고 받을 것인지 규칙를 만들었는데, 이것이 바로 TCP/IP 입니다.


▶ TCP (Transmission Control Protocol)
TCP는 데이터를 안정적으로 전송하기 위한 연결 지향 프로토콜입니다. 이는 데이터가 손실되거나 손상되지 않도록 보장하며, 데이터가 순서대로 전송되도록 관리합니다. TCP는 신뢰성 있는 통신을 제공하기 위해 세그먼트화, 재전송, 흐름 제어 등의 기능을 제공합니다.

▶ IP (Internet Protocol)
IP는 컴퓨터 네트워크 상에서 데이터를 패킷 단위로 전송하는 역할을 하는 프로토콜입니다. 각 디바이스는 IP 주소를 가지고 있고, 이 주소를 사용하여 다른 디바이스와 통신합니다. IP는 패킷을 목적지까지 안전하게 전달하고자 최적의 경로로 전송합니다.


(3) 인터넷과 웹과의 관계

인터넷은 전 세계적으로 연결된 컴퓨터 네트워크의 집합체입니다. 이는 지리적으로 떨어진 컴퓨터들이 서로 통신할 수 있도록 하는 인프라입니다. 데이터는 인터넷을 통해 전송되며, 이는 다양한 서비스와 응용프로그램을 가능하게 합니다. 인터넷은 웹 브라우징뿐만 아니라 이메일, 파일 전송, 온라인 채팅 등 다양한 기능을 지원합니다.

웹은 인터넷 상에서 정보를 효과적으로 공유하고 검색할 수 있게 하는 하나의 방법이며, 인터넷은 이러한 통신과 데이터 전송을 가능케 하는 네트워크 인프라입니다. 따라서 웹은 인터넷의 한 응용 프로그램이라고 볼 수 있습니다.

출처 : Freepik

 

 


2. 웹(World Wide Web)


(1) 웹(World Wide Web)의 유래

웹(World Wide Web)의 유래는 1989년에 팀 버너스리(Tim Berners-Lee)라는 영국의 과학자에 의해 시작되었습니다. 버너스리는 스위스의 CERN(유럽 입자 물리 연구소)에서 연구를 진행하면서 정보 공유와 문서 간의 연결을 편리하게 하기 위한 시스템을 고안하게 되었습니다. 1990년에 버너스리는 인터넷에서 활용할 수 있는 세계 최초 웹브라우저를 만들었다고 합니다. 이 웹브라우저의 이름이 그 유명한 '따따따'- www-World Wide Web 이었습니다.

웹(Web)은 인터넷 네트워크 상에서 동작하는 하나의 응용 서비스로 다른 여러 컴퓨터에서 문서를 공유하거나 보는 목적입니다. 웹에서 다루는 문서를 웹 문서라고 부르는 데, 웹은
웹 문서를 인터넷 상의 컴퓨터들끼리 주고 받는 정보 시스템이라 할 수 있습니다.

(2) 웹의 주요 용어 들

"웹(Web)"이란 용어는 "World Wide Web"의 줄임말로, 인터넷 상에서 정보를 공유하고 연결하는 전 세계적인 정보 시스템을 나타냅니다. 웹은 문서, 이미지, 동영상, 음악 등 다양한 형태의 콘텐츠를 포함하며, 사용자는 웹 브라우저를 통해 이러한 콘텐츠에 접근할 수 있습니다.

여러 개념에 대해 간단히 살펴보겠습니다.

▶ World Wide Web (WWW)
"World Wide Web"은 웹의 전체적인 시스템을 나타내는 용어입니다. 이는 국제적으로 연결된 문서들의 모음으로, 각 문서들은 하이퍼텍스트로 연결되어 있습니다.

▶ 웹 페이지 (Web Page)
웹 페이지는 웹에서 볼 수 있는 개별 문서를 나타냅니다. HTML(Hypertext Markup Language)과 같은 마크업 언어를 사용하여 문서의 구조와 내용을 정의하고, 사용자는 웹 브라우저를 통해 이를 열어볼 수 있습니다.

▶ 웹 사이트 (Website)
웹 사이트는 여러 개의 웹 페이지가 모여 구성된 것으로, 특정 주제나 기업, 서비스 등을 소개하거나 정보를 제공하는 목적으로 만들어진 것입니다.

▶URL (Uniform Resource Locator)
URL은 웹 페이지나 리소스의 주소를 나타내는 것으로, 사용자는 브라우저 주소 표시줄에 URL을 입력하여 특정 웹 페이지로 이동할 수 있습니다.

▶ 웹 브라우저 (Web Browser)

 

 

웹 브라우저는 사용자가 웹 페이지를 조회하고 상호 작용하는 데 사용되는 소프트웨어입니다. 

대표적인 예로는 Google Chrome, Mozilla Firefox, Microsoft Edge 등이 있습니다.

 

 

 



▶ 하이퍼링크 (Hyperlink):
하이퍼링크는 웹 페이지 간에 연결을 제공하는 링크를 의미합니다. 클릭하면 다른 웹 페이지로 이동하거나 특정 동작을 수행할 수 있습니다.

▶ HTTP (Hypertext Transfer Protocol) 및 HTTPS (Hypertext Transfer Protocol Secure)

HTTP는 웹 브라우저와 웹 서버 간의 통신을 정의하는 프로토콜입니다. 즉, HTTP는 웹에서의 통신규약이라 할 수 있습니다.
HTTP 및 HTTPS는 웹에서 데이터를 전송하는 데 사용되는 프로토콜로, HTTPS는 보안을 강화한 버전입니다. 웹 페이지의 주소가 "http://" 또는 "https://"로 시작하는 것을 볼 수 있는데, 이는 해당 페이지가 어떤 프로토콜을 사용하는지를 나타냅니다.

웹은 현대의 정보 공유와 커뮤니케이션에 핵심적인 역할을 하는 도구로서, 전 세계적으로 수많은 사용자들이 웹을 통해 다양한 콘텐츠에 접근하고 서로 소통하고 있습니다.


3. 웹과 웹브라우저 그리고 HTML


웹브라우저는 웹 환경에서 웹문서를 해석하여 디자인된 형태로 보여주는 소프트웨어입니다.


우리가 인터넷 안의 웹페이지를 찾아보려면, 우선 Google Chrome, Mozilla Firefox, Microsoft Edge 등 웹브라우저를 열어야 합니다.

이 웹브라우저는 HTML 문서를 받아서 해당 문서를 해석하고, 브라우저 창에 웹 페이지를 표시합니다. 사용자는 이러한 웹 페이지를 통해 텍스트, 이미지, 비디오 등 다양한 콘텐츠를 볼 수 있습니다.

HTML은 웹 페이지의 기본적인 구조를 정의하는 언어로, 텍스트, 이미지, 링크, 목록, 표 등과 같은 다양한 요소들을 사용하여 문서의 구조를 설계합니다. 웹 페이지는 HTML 문서로 이루어져 있으며, 이를 통해 브라우저는 문서를 어떻게 표시할지 결정하게 됩니다.

종합하면, HTML은 웹 페이지의 기본적인 구조를 정의하고, 웹은 이러한 HTML 문서를 기반으로 사용자에게 정보를 제공하며, 다양한 웹 기술과의 조합을 통해 동적이고 풍부한 사용자 경험을 제공합니다.



HTML은 웹 페이지의 구조를 정의하는 역할을 하지만,CSS(Cascading Style Sheets), JavaScript 와 함께 사용되어 동적이고 인터랙티브한 웹 페이지를 만들 수 있습니다. CSS(Cascading Style Sheets)는 디자인 및 레이아웃을 다루는데 사용되고, JavaScript는 웹 페이지에 동적인 기능을 추가하는 데 사용됩니다.

이 웹이야기는 HTML,CSS(Cascading Style Sheets), JavaScript를 순차적으로 정리해보고자 합니다.