Skip to content

Latest commit

 

History

History
86 lines (67 loc) · 4.32 KB

이소민.md

File metadata and controls

86 lines (67 loc) · 4.32 KB

URL(Uniform Resource Locator)

  • 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열
  • 웹에 게시된 리소스(HTML 페이지, CSS 문서, 이미지 등)를 검색하기 위해 브라우저에서 사용하는 메커니즘
  • 파일 전송(FTP), 이메일(SMTP) 등 다른 응용 프로그램에서도 사용 가능
  • <a> 요소를 사용하여 문서 링크 생성
  • <link>, <script> 요소를 통해 문서 관련 리소스 연결
  • <img>, <video>, <audio> 요소를 통해 미디어 표시
  • <iframe> 요소로 다른 HTML 문서 표시

구조

스키마 (Scheme)

  • 브라우저가 리소스를 요청하는데 사용해야하는 프로토콜
  • 프로토콜이란 네트워크에서 데이터를 교환하거나 전송하기 위한 설정 방법
  • :// 로 스키마와 권한을 구분

권한 (Authority)

  • 도메인
    • 요청하는 웹서버
    • 도메인 이름 뿐만 아니라 IP 주소도 사용 가능
  • 포트
    • 웹 서버의 리소스에 접근하는 데 사용되는 기술적인 게이트
    • HTTP 프로토콜의 표준 포트 (HTTP 80, HTTPS 443)를 사용하는 경우 일반적으로 생략

리소스 경로 (Path to the file)

  • 웹 초기엔 리소스 경로가 웹 서버의 실제 파일 위치를 나타냈으나
    요즘엔 대부분 물리적 실체가 없는 웹 서버가 추상적으로 처리

매개변수 (Parameters)

  • 웹 서버에 제공하는 추가 매개변수
  • & 기호로 구분된 키/값 쌍 목록
  • 웹 서버는 리소스 반환 전 매개변수를 사용하여 추가 작업 수행

앵커 (Achor)

  • 리소스 자체의 어떤 부분에 대한 앵커
  • HTML 문서에선 해당 지점으로 스크롤
  • 비디오 또는 오디오 문서에선 해당 시간으로 이동
  • # 뒤의 부분은 요청과 함께 서버로 전송되지 않음

절대 URL 과 상대 URL

  • 브라우저 표시줄에서 URL은 아무 맥락이 없기 때문에 절대 URL을 제공해야 함
  • 반면 HTML 페이지와 같은 문서 내에서 사용되는 경우 브라우저는 이미 문서 고유의 URL이 있기 때문에
    이 정보를 사용하여 해당 문서 내에서 사용할 수 있는 URL의 누락된 부분을 채울 수 있다.
  • URL 경로 부분이 /로 시작하는 경우 브라우저는 현재 문서에서 제공하는 맥락을 참조하지 않고 서버의 최상위 루트에서 해당 리소스를 가져온다.

절대 URL

  • 전체 URL

    https://developer.mozilla.org/ko/docs/Learn

  • 암시적 프로토콜

    //developer.mozilla.org/ko/docs/Learn

    • 브라우저는 해당 URL을 호스팅하는 문서를 로드하는 데 사용된 것과 동일한 프로토콜로 해당 URL을 호출
  • 암시적 도메인 이름

    /ko/docs/Learn

    • HTML 문서 내 절대 URL의 가장 일반적인 사용 사례
    • 브라우저는 해당 URL을 호스팅하는 문서를 로드하는 데 사용된 것과 동일한 프로토콜과 동일한 도메인 이름을 사용
    • 프로토콜도 생략하지 않고 도메인 이름만 생략할 수 없다.

상대 URL

https://developer.mozilla.org/ko/docs/Learn URL에 있는 문서 내에서 URL이 호출된다고 가정한다.



출처