브라우저의 주요 기능은 필요한 리소스를 서버에 요청하고 응답을 받아 렌더링하는 것이다.

렌더링 : HTML, CSS, Javascript로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것

브라우저의 작동 과정

1. 브라우저가 제공하는 주소창에 URL을 입력하고 엔터키를 누른다.
2. URL의 도메인 이름이 DNS(Domain Name System)를 통해 IP주소로 변환된다.
3. 변환된 IP주소를 가진 서버에게 요청을 전송한다.
4. 요청받은 리소스를 브라우저에 제공한다.

브라우저가 서버에 연결되려면 서버의 IP주소를 알아야 하는데, 이 주소를 IP주소라고 한다. 하지만 IP주소는 숫자이기 때문에 기억하기 쉬운 도메인 이름을 대신 사용한다. 예를 들어 어떤 가게의 도로명 주소를 IP주소라고 한다면, 그 가게의 상호명이 도메인 이름이라고 할 수 있다. 따라서 도메인 이름을 입력하면 DNS라는 서버에서 도메인 이름과 매칭되는 IP주소를 찾아 서버에 요청을 전송하게 된다.

URL과 URI

URL(Uniform Resource Locator)

• URL은 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보를 나타낸다.
• URL은 scheme, hosts, url-path로 구성된다.

scheme(스킴)

• 통신 방식(프로토콜)을 결정한다.
• 일반적인 웹 브라우저는 http(s)를 사용한다.

hosts

• 주소를 나타낸다.
• 웹 서버의 이름이나 도메인, IP를 사용한다.

url-path

• 웹페이지, 이미지, 동영상 등이 위치한 경로와 파일명을 나타낸다.

URI(Uniform Resource Identifier)

• URL의 기본 요소인 scheme, hosts, url-path에 query와 fragment를 포함한 것을 말한다. URL을 포함하는 상위 개념이라 URL을 URI라고 할 수 있지만 URI를 URL이라고 할 수는 없다.

query

• 웹 서버에 보내는 추가적인 질문

fragment

• 북마크 기능
• URL에 #(fragment)과 특정 HTML 요소의 id를 전달하면 해당 요소가 있는 곳으로 스크롤을 이동할 수 있다.

IP와 PORT

IP 주소 (Internet Protocol address)

• 네트워크에 연결된 특정 PC의 주소를 나타내는 체계

• 터미널에서 nslookup 주소를 입력하면 IP주소를 확인할 수 있다.

• IPv4(Internet Protocol version 4) : IP 주소체계의 4번째 버전

  • 각 덩어리마다 0부터 255까지 나타낼 수 있다.

• 주요 IP 주소

  • localhost, 127.0.0.1 : 현재 사용 중인 로컬 PC
  • 0.0.0.0, 255.255.255.255 : broadcast address, 로컬 네트워크에 접속된 모든 장치와 소통하는 주소.

• IPv6는 IPv4로 할당할 주소가 부족해서 나온 버전을 말한다.

PORT

• IP 주소에 진입할 수 있는 정해진 통로
• 포트 번호는 0~65535까지 사용할 수 있다.
• 0~1024번까지는 주요 통신을 위한 규약에 의해 정해져 있다.
• 잘 알려진 포트 번호(URI에서 생략할 수 있다)
  • 22 : SSH
  • 80 : HTTP
  • 443 : HTTPS

도메인과 DNS

Domain name

• 웹 브라우저를 통해 사이트에 진입할 때, IP 주소 대신 사용하는 주소
• IP주소가 도로명 주소라면, 도메인 이름은 상호명

DNS(Domain Name System)

• 도메인 이름과 매칭된 IP주소를 확인하기 위한 서버

참고
https://velog.io/@thyoondev/%EC%9B%B9-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98-%EB%8F%99%EC%9E%91%EC%9B%90%EB%A6%AC%EB%A5%BC-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90