인터넷!

인터넷이란?
웹의 핵심적인 기술로
컴퓨터로 연결하여 TCP/IP라는 통신 프로토콜을 이용해 정보를 주고받는 거대한 컴퓨터 네트워크이다.

• TCP : 클라이언트와 서버간에 데이터를 신뢰성 있게 전달하기 위해 만들어진 전송 제어 프로토콜
• IP : 컴퓨터가 인터넷에서 서로를 식별하는데 사용하는 일련의 고유 숫자로 이루어진 주소

✔️ 인터넷의 동작 원리

1. 컴퓨터와 컴퓨터를 케이블 또는 무선으로 연결

2. 많은 개수의 컴퓨터를 연결하기 위해 라우터 등장

라우터는 특수한 소형 컴퓨터로 주어진 컴퓨터에서 보낸 메시지가 올바른 대상 컴퓨터에 도착하는지 확인합니다.

3. 단일 라우터로만으로도 몇백, 몇천대 연결은 불가능하여 라우터와 라우터를 연결

라우터는 컴퓨터이기 때문에 컴퓨터는 컴퓨터끼리 연결이 가능하기 때문에 라우터끼리 연결이 가능하다!

4. 거리가 먼 지역은 케이블과 무선으로 연결이 불가능

그래서 내트워크의 정보를 ISP(인터넷 서비스 공급자)가 처리 할 수있는 모뎀의 등장
ISP : 모두 함께 연결되는 몇몇 특수한 라우터를 관리하고 다른 ISP의 라우터에도 액세스를 할 수 있는 회사입니다.

ISP가 장치의 IP주소를 결정한다!

모뎀 : 우리 네트워크의 정보를 ISP에서 처리 할 수 있는 정보로 바꾸거나 ISP에서 받아온 대상 네트워크의 정보를 우리 네트워크에서 사용할 수 있는 정보로 바꿉니다.

5. 네트워크에서 도달하려는 네트워크로 데이터를 보내기위해 ISP에 연결

위의 방식으로 인터넷의 네트워크가 구축되어 동작합니다.

정리하자면
컴퓨터A 🔙(데이터)🔜 라우터 🔙(데이터)🔜 모뎀 🔙(가공 데이터)🔜 ISP 🔙(가공 데이터)🔜 모뎀 🔙(데이터)🔜 라우터 🔙(데이터)🔜 컴퓨터B

참고

• MDN WEB DOCS > 인터넷은 어떻게 동작하는가?

---

✔️ HTTP

Hypertext Transfer Protocol (하이퍼텍스트 전송 규약) 은 웹 서버 및 웹 브라우저 상호 간의 데이터 전송을 위한 응용계층 프로토콜입니다.
클라이언트와 서버가 서로 통신할 수 있게 하기 위한 언어를 정의하는 어플리케이션 규약 입니다.

HTTPS와 차이점

HTTPS(Hypertext Transfer Protocol Secure)는 하이퍼 텍스트 전송 프로토콜 보안으로 표준 HTTP와 동일한 방식으로 작동합니다.
서버와 주고받는 데이터가 암호화되기 때문에 웹사이트에 추가적인 보호를 제공합니다. 즉, 개인 데이터를 훔치거나, 해킹하거나 볼 수 없도록 작동합니다.

참고

• DNS 작동 방식 만화

---

✔️ 도메인 네임

도메인 네임의 구조

TLD (최상위 도메인)

• TLD는 사용자에게 도메인 이름 뒤에 있는 서비스의 일반적인 목적을 알려줍니다.
• 일반적인 TLD( .com, .org, .net)는 특정 기준을 충족하기 위해 웹 서비스를 요구하지 않지만 일부 TLD는 더 엄격한 정책을 시행하므로 목적이 무엇인지 더 명확합니다.

레이블(컴포넌트)

• 레이블은 TLD를 따르는 것입니다.
• TLD 바로 앞에 있는 레이블을 SLD( Secondary Level Domain ) 라고도 합니다.
• 도메인 이름에는 많은 레이블(또는 구성 요소)이 있을 수 있습니다.
• 귀하가 제어하는 모든 도메인은 각기 다른 콘텐츠가 있는 "하위 도메인"을 만들 수 있습니다.

---

✔️ DNS와 작동 원리

DNS란?

Domain Name System Servers (도메인 이름 시스템 서버)는 사람이 읽을 수 있는 도메인 이름을 머신이 읽을 수 있는 IP 주소로 변환합니다. 웹 사이트를 위한 주소록과 같습니다.

TLD : 최상위 도메인

DNS 작동 원리

1. 사용자가 웹 브라우저에 'example.com'을 입력하면, 쿼리가 인터넷으로 이동하고 DNS 재귀 확인자가 이를 수신합니다.
2. 이어서 확인자가 DNS 루트 이름 서버(.)를 쿼리합니다.
3. 다음으로, 루트 서버가, 도메인에 대한 정보를 저장하는 최상위 도메인(TLD) DNS 서버(예: .com 또는 .net)의 주소로 확인자에 응답합니다. example.com을 검색할 경우의 요청은 .com TLD를 가리킵니다.
4. 이제, 확인자가 .com TLD에 요청합니다.
5. 이어서, TLD 서버가 도메인 이름 서버(example.com)의 IP 주소로 응답합니다.
6. 마지막으로, 재귀 확인자가 도메인의 이름 서버로 쿼리를 보냅니다.
7. 이제, example.com의 IP 주소가 이름 서버에서 확인자에게 반환됩니다.
8. 이어서, DNS 확인자가, 처음 요청한 도메인의 IP 주소로 웹 브라우저에 응답합니다.

참고

• DNS 작동 방식 만화

---

✔️ 브라우저의 동작 원리

브라우저란 인터넷에서 웹 서버의 모든 정보를 볼 수 있도록 하고, 문서 검색을 도와주는 응용 프로그램입니다.

1. 브라우저에서 도메인이름(ex. www.naver.com)을 입력

2. 브라우저가 해당 IP주소를 얻기 위해 DNS 서버의 요청을 보내 주소 획득

3. IP주소를 받은 브라우저는 해당 요청을 IP주소와 일치하는 서버로 전달

웹사이트의 사본을 클라이언트에게 보내달라는 HTTP 요청 메시지를 서버로 전송합니다. 서버와 전송되는 모든 데이터는 TCP/IP 연결을 통해서 전송합니다.

4. 서버는 웹사이트의 파일들을 데이터 패킷이라 불리는 작은 일련의 덩어리들로 브라우저에 전송하기 시작

• 이더넷 케이블(LAN 선) 사용
  데이터는 광섬유 케이블을 통해 유저의 라우터까지 연결하고, 디지털 형식으로 전송되며 광 펄스의 형태로 전송 > 라우터는 받은 신호를 전기신호로 변환 > 이더넷 케이블을 사용하여 전기 신호를 기기에 전송

• 셀룰러 데이터 사용
  광섬유 케이블의 신호를 기지국으로 전송 > 기지국에서 신호를 전자파 형태로 유저의 기기에 전송 >

위성을 사용하지 않는 이유?

데이터센터와 유저의 거리가 멀어질 수록 신호를 수신하는데 상당한 지연을 초래합니다. 대부분의 인터넷 어플리케이션에서는 형용될 수 없는 엄청난 지연을 초래합니다.

참고

• MDN WEB DOCS > 웹의 동작 방식

5. 웹 서버 또는 그 밖의 리소스는 DNS의 웹 페이지를 웹 브라우저로 반환하고, 웹 브라우저는 이 페이지를 표시

6. 웹 브라우저의 페이지 표시(중요 랜더링 경로)

1. HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.)
2. CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.)
3. DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정)
4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.)
5. 개별 노드를 화면에 페인트한다.(or 래스터화)

---

✔️ 호스팅

웹 호스팅은 웹사이트 파일을 인터넷에 게시할 수 있는 온라인 서비스입니다. 따라서 인터넷에 액세스할 수 있는 사람은 누구나 귀하의 웹사이트에 액세스할 수 있습니다.