TIL 31: [HTTP/네트워크] 기초(2)

클라이언트와 서버

클라이언트는 보통 플랫폼에 따라 구분됩니다. ➡️ 웹 플랫폼, 스마트폰/태블릿 플랫폼, 데스크탑 플랫폼

서버는 무엇을 하느냐에 따라 종류가 달라집니다. ➡️ 파일 서버, 웹 서버, 메일 서버, 데이터베이스

API: 서버와 클라이언트 사이에서 데이터를 주고 받을 수 있게 해주는 인터페이스

 

 

URL / URI

URL(Uniform Resource Locator)은 scheme, hosts, url-path를 포함하고, '자원의 위치'를 나타냅니다.

URI(Uniform Resource Identifier)은 scheme, hosts, url-path에 더해 query, bookmark를 포함하고, '자원의 식별자'를 의미합니다.

http://example.org:3000/index.html 여기까지는 URL이면서 URI이고
http://example.org:3000/index.html#date 이것은 URI라고 할 수 있습니다.

URI의 경우 아래와 같이 구분할 수 있습니다.

 

1. http -> 프로토콜
2. example.org -> 호스트(도메인)
3. :3000 -> 포트 번호
4. /index.html#date -> URL pathname

 

URL에 구성 중 origin을 구분하는 기준은 "프로토콜", "호스트(도메인)", "포트 번호"입니다.

 

 

IP / 포트

 

IP는 Internet Protocol의 줄임말로, 인터넷상에서 사용하는 주소체계를 의미합니다.

포트는 IP 주소가 가리키는 PC에 접속할 수 있는 통로(채널)를 의미합니다.

 

 

도메인 / DNS

 

IP 주소는 숫자로만 이루어져 있어서 이용자들이 웹페이지에 접속하려고 할 때 헷갈릴 수 있습니다. 이 문제를 해결하기 위해 도메인을 사용합니다.

DNS는 Domain Name System의 줄임말로, 호스트의 도메인 이름을 IP 주소로 변환하거나 반대의 경우를 수행할 수 있도록 개발된 데이터베이스 시스템입니다. 

 

 

AJAX (Asynchronous JavaScript and XML)

웹 서버와 비동기적 통신을 위한 fetch 또는 XHR(XMLHttpRequest)객체.

데이터에 접근하거나, 화면 구성을 동적으로 조작하는 DOM.

웹 페이지 표현을 위한 HTML, CSS.

데이터 교환에 사용되는 JSON이나 XML.

 

위의 요소를 이용해서 AJAX는 비동기적으로 데이터를 받아와서 렌더링을 합니다.

 

 

 

SSR(Server Side Rendering) / CSR (Client Side Rendering)

어디서 페이지를 렌더링을 하느냐에 따라 두 방식이 나뉘어집니다.

서버에서 렌더링을 한다면 SSR.

클라이언트에서 렌더링을 한다면 CSR.

SSR은 SEO(Search Engine Optimization)에서 주로 사용됩니다.

그러나 사이트에 풍부한 상호 작용이 있는 경우 CSR을 이용해서 빠른 동적 렌더링 등 더 나은 사용자 경험을 제공할 수 있습니다.