Chapter [ 브라우저의 작동 원리 (보이지 않는 곳) ]

[ URL과 URI ]

• URL

  • URL 은 Uniform Resource Locator의 줄임말로, 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보를 나타낸다.

  • 슬래시(/)를 이용해 서버의 폴더에 진입하거나 파일을 요청할 수 있습니다.

  • URL은 scheme, hosts, url-path 로 구분할 수 있다.

• URI

  • Uniform Resource Identifier의 줄임말로, 일반적으로 URL의 기본 요소에 더해 query, bookmark를 포함

• URI는 URL을 포함하는 상위개념

• 'URL은 URI다.' 는 참이고, 'URI는 URL이다.' 는 거짓

  부분	명칭	설명
  file://, http://, https://	scheme	통신 프로토콜
  127.0.0.1, www.google.com	hosts	웹 페이지, 이미지, 동영상 등의 파일이 위치한 웹 서버, 도메인 또는 IP
  :80, :443, :3000	port	웹 서버에 접속하기 위한 통로
  /search, /Users/username/Desktop	url - path	웹 서버의 루트 디렉토리로부터 웹 페이지, 이미지, 동영상 등의 파일이 위치까지의 경로
  q=JavaScript	query	웹 서버에 전달하는 추가 질문

[ IP와 PORT ]

• IP

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

  • 인터넷에 연결된 모든 PC는 IP 주소체계를 따라 네 덩이의 숫자로 구분된다. 이렇게 네 덩이의 숫자로 구분된 IP 주소체계를 IPv4 라고 한다.

  • 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 로 지정하면, 모든 기기에서 서버에 접근할 수 있다.

• PORT

  • 리액트를 실행하면 나타나는 화면에는, 로컬 PC의 IP 주소인 127.0.0.1 뒤에 :3000 과 같은 숫자가 표현됩니다. 이 숫자는 IP 주소가 가리키는 PC에 접속할 수 있는 통로(채널)을 의미

  • 이미 사용 중인 PORT 는 중복해서 사용할 수 없다.

  • 포트 번호는 0~ 65,535 까지 사용할 수 있다.

  • 반드시 알아야 할 잘 알려진 포트 번호

    • 22 : SSH
    • 80 : HTTP
    • 443: HTTPS

  • 이미 정해진 포트 번호라도, 필요에 따라 자유롭게 사용할 수 있다.

  • 잘 알려진 포트의 경우 URI 등에 명시하지 않지만, 그 외의 잘 알려지지 않은 포트( :3000 과 같은 임시 포트)는 반드시 포함해야 한다.

[ Domain name과 DNS ]

• Domain name

  • 해당 주소에 위치한 상호로 볼 수 있다.

  • 명령어 nslookup으로 IP 주소를 확인할 수 있다.

• DNS

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

[ 크롬 브라우저 에러 읽기 ]

• Chrome 브라우저가 소통하는 단계, 또는 기기와 네트워크의 연결, Chrome 브라우저가 해석할 수 없는 데이터를 전송받은 경우 발생

Error Message	Description
"Aw, Snap!" ("앗, 이런!")	Chrome 브라우저에서 페이지를 로드하는 데 문제가 발생했습니다.
ERR_NAME_NOT_RESOLVED	호스트 이름(웹 주소)이 존재하지 않습니다.
ERR_INTERNET_DISCONNECTED	사용 중인 기기가 인터넷에 연결되지 않았습니다.
ERR_CONNECTION_TIMED_OUT ERR_TIMED_OUT	페이지에 연결하는 데 시간이 너무 오래 걸립니다. 인터넷 연결이 너무 느리거나, 웹페이지에 접속한 사용자가 많아서 발생할 수 있습니다.
ERR_CONNECTION_RESET	웹페이지 연결을 방해하는 요소가 어딘가에 발생했습니다.
ERR_NETWORK_CHANGED	웹페이지를 로드하는 중에 기기의 네트워크 연결이 해제되었거나, 새로운 네트워크에 연결되었습니다.
ERR_CONNECTION_REFUSED	웹페이지에서 Chrome 브라우저의 연결을 허용하지 않았습니다.
ERR_CACHE_MISS	웹페이지로부터 이전에 입력한 정보를 다시 한 번 제출하도록 요청받았습니다.
ERR_EMPTY_RESPONSE	웹페이지에서 데이터를 전혀 전송하지 않았으며, 데이터를 전송할 서버가 다운되었을 수 있습니다.
ERR_SSL_PROTOCOL_ERROR	페이지에서 전송된 데이터를 Chrome 브라우저가 해석하지 못했습니다.
ERR_BAD_SSL_CLIENT_AUTH_CERT	클라이언트 인증서(은행 또는 회사 내부 웹사이트 등)에 오류가 발생하여 웹페이지에 로그인할 수 없습니다.

• 위의 에러 메시지를 만나면

  • 웹페이지에 연결할 수 없다.

  • 웹페이지가 열리지 않는다.

  • HTTPS가 적용된 웹페이지가 열리지 않는다.

  • 사진이 로드되지 않는다.

  • 새 탭이 로드되지 않는다