[Web] 브라우저 작동 원리

유아현·2022년 12월 1일
0

Web

목록 보기
2/11
post-thumbnail

🔎 URL & URI

URL

  • Uniform Resource Locator의 줄임말로, 네트워크 상에서 웹 페이지나 이미지, 동영상 등과 같은 파일이 위치한 정보를 나타낸다.
  1. scheme: 통식 방식(protocol)을 결정, 일반적인 웹 브라우저에서는 http(s) 사용
  2. hosts: 웹 서버의 이름, 도메인, IP를 사용해 주소를 표현
  3. url-path: 웹 서버에서 지정한 루트 디렉토리부터 시작해 웹 페이지, 이미지, 동영상 등이 위치한 경로와 파일명을 나타낸다.

URI

  • Uniform Resource Identifier의 줄임말로, 일반적으로 URL의 기본 요소인 scheme, hosts, url-path에 더해 query, fragment를 포함한다.

  • http://www.google.com:80/search?q=JavaScript 를 브라우저 창에 입력하면 JavaScript를 검색한 결과가 나타난다. fragment는 일종 북마크 기능을 수행해 URL에 fragment와 특정 HTML 요소의 id를 전달하면 해당 요소가 있는 곳으로 스크롤 이동할 수 있다.

  • 브라우저 검색창 클릭 시, 나타나는 주소가 URI이며, URI는 URL을 포함하는 상위개념이다. 그러므로 URL !== URI 입니다!!


🔎 IP & 포트

IP

  • Internet Protocol의 줄임말로, 인터넷에서 사용하는 주소 체계
  • 인터넷에 연결된 모든 PC는 IP 주소 체계를 따라 4마디의 숫자로 구분된다. 이렇게 4마디의 숫자로 구분된 IP 주소 체계를 "IPv4"(Internet Protocol version 4)라고 한다.
  • IP address: 네트워크에 연결된 특정 PC의 주소를 나타내는 체계
  • 웹 브라우저에서 . 으로 구분된 4마디의 숫자를 입력하면 해당 페이지로 접송할 수 있는데 이때 사용되는 4마디의 숫자들을 IP 주소라고 한다.

🔹 IPv4
각 덩어리마다 0부터 255까지 나타낼 수 있으며, 2^(32)인 약 43억 개의 IP 주소를 표현

  • localhost , 127.0.0.1 : 현재 사용 중인 로컬 PC를 지칭
  • 0.0.0.0 , 255.255.255.255 : broadcast address, 로컬 네트워크에 접속된 모든 장치와 소통하는 주소 / 서버에서 접근 가능 IP 주소를 broadcast address 로 지정하면, 모든 기기에서 서버에 접근 가능

인터넷 보급률이 낮았던 초기에는 이 버전(IPv4, IP version 4)으로 네트워크에 연결된 PC에 주소를 할당하는 일이 가능했다. 그러나 개인 PC 보급으로 전 세계 누구나 PC를 이용하게 되면서 인터넷에 접속하며 각종 서비스를 위해서 서버를 생산하게 되면서 IPv4로 할당할 수 있는 PC가 한계를 넘어서게 됐다. 이를 위해 IPv6가 나오게 되었고 이는 2^(128)개 IP 주소를 표현 할 수 있다.

Port

  • 터미널에서 리액트를 실행하면 나타나는 화면에, 로컬 PC의 IP 주소인 127.0.0.1 뒤에 :3000 과 같은 숫자가 표현된다. 이 숫자는 IP 주소가 가르키는 PC에 접속할 수 있는 통로를 의미한다. 이미 사용 중인 포트는 중복 사용이 불가능하다. 다른 프로그램에서 포트 번호 3000을 사용 중이라면 다른 포트인 3001로 실행되게 된다. 포트 번호는 0~65535까지 사용할 수 있으며, 그중 0~1024번은 주요 통신을 위한 규약에 따라 이미 정해져 있다.

🔹 주요 포트 번호
1. 122 : SSH
2. 80 : HTTP
3. 443: HTTPS
4. 더 알아보기


🔎 Domain & DNS

Domain

  • slookup : 터미널에서 도메인 이름을 통해 IP 주소를 확인 하는 명령어

DNS

  • 브라우저 검색창에 도메인 이름을 입력해 해당 사이트로 이동하기 위해서는 해당 도메인 이름과 IP 주소를 확인하는 작업이 반드시 필요한데, 이것을 위한 서버가 DNS이다.
  • 호스트의 도메인 이름을 IP 주소로 변환, 반대의 경우도 수행할 수 있도록 개발된 DB 시스템

🔎 크롬 브라우저 에러 읽기

0개의 댓글