브라우저 작동원리

1.URL과 URI

• URL: 흔히 웹 주소라고도 하며, 컴퓨터 네트워크상에서 리소스가 어디 있는지 알려주기 위한 규약. URI의 서브셋.
  • [프로토콜]://[호스트][:포트][경로][파일명][.확장자]
• URI
  • 특정 리소스를 식별하는 통합 자원 식별자를 의미
  • 웹기술에서 사용하는 논리적 또는 물리적 리소스를 식별하는 고유한 문자열 시퀀스
  • [프로토콜]://[호스트][:포트][경로][파일명][.확장자][쿼리문자열]

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

• 127.0.0.1은 자기 로컬 PC를 가리키며 'localhost'로도 대체 가능

2. IP와 PORT

2.1 IP

• 인터넷 프로토콜의 약자
• 인터넷상에서 사용하는 주소체계를 의미
• IPv4: 인터넷 프로토콜 버전 4의 약자
  • 네 덩이의 숫자로 주소를 나타냄
  • 각 덩이는 0~255까지 표현(2^32)
  • localhost, 127.0.0.1은 현재 사용중인 로컬 PC
  • 0.0.0.0, 255.255.255.255는 브로드캐스트 주소로, 로컬 네트워크에 접속된 모든 장치와 소통하는 주소. 로컬 네트워크에 접속된 모든 장치와 소통하는 자수
• IPv6: 이전 버전보다 확정된 인터넷 프로토콜
  • 2^128개의 ip주소를 표현할 수 있음

2.2 PORT

• IP주소 뒤에 ':3000'이 포트번호, 리액트는 3000
• IP주소가 가리키는 PC에 접속할 수 있는 통로(채널)
• 0~65535까지 포트번호로 사용할수 있음
• 그중 0~1024번까지는 포트번호는 주요 통신 규약에 따라 이미 정해져 있음
  • 22: SSH
  • 80: HTTP
  • 443: HTTPS
• 이미 정해진 포트의 경우는 URI에 명시하지 않지만, 그외의 포트들은 URI 뒤에 명시해야 함.

3. DNS와 IP address

3.1 DNS

• Domain Name System의 약자
• IP 주소를 대신하여 사용하는 주소
• 호스트의 도메인 이름을 IP 주소로 변환하거나 반대의 경우를 수행할수 있도록 개발된 DB 시스템

4. 크롬 브라우저의 에러메시지를 통해 문제파악

• 전체 에러 메시지 목록은 여기서 확인 가능
• 위의 에러 메시지를 만나면 여기서 해결가능