URL의 구성요소

2024. 4. 13. 15:31·Browser

URL 구성 이해하기

  • 프로토콜 : https
  • 호스트명 : www.google.com
  • 포트번호 : 443
  • 패스 : /search
  • 쿼리 파라미터 : q=hello&hl=ko

scheme

https://www.google.com:443/search?q=hello&hl=ko

  • 주로 프로토콜(어떤 방식으로 자원에 접근할 것인가 하는 약속 규칙) 사용합니다.
    • http, https, ftp 등

userinfo

  • URL에 사용자 정보를 포함해서 인증 및 접근제어를 수행합니다.
  • 보안에 취약하기 때문에 요즘은 거의 사용하지 않습니다.

host

https://www.google.com:443/search?q=hello&hl=ko

  • 웹 페이지를 요청할 서버의 이름입니다.
  • 도메인명 또는 IP 주소를 직접 사용 가능합니다.

port

https://www.google.com:443/search?q=hello&hl=ko

  • 서버의 특정 포트를 지정합니다.
  • 일반적으로 생략 가능
  • 생략 시 http는 80, https는 443 포트 번호로 설정된다.

port

https://www.google.com:443/ search?q=hello&hl=ko

  • 리소스의 경로(path)를 나타냅니다.
  • 계층적 구조로 구성됩니다.
    • /members
    • /members/100

query

https://www.google.com:443/ search?q=hello&hl=ko

  • 웹서버에 제공하는 파라미터, 문자 형태입니다.
  • query parameter, query string 등으로 불립니다.
  • key=value 형태입니다.
  • ?로 시작되며, &로 여러개 추가가 가능합니다.

fragment

https://www.google.com:443/search?q=hello&hl=ko#bookmark

  • html 내부 북마크 등에 사용합니다.
  • 웹문서 해시태크라고도 불립니다.
  • 서버에 전송하는 정보는 아닙니다.

 

 

 

 

 

 

 

 

 

 

[참고자료]

URL 구성 요소 & 요청 흐름 정리

저작자표시 비영리 변경금지 (새창열림)

'Browser' 카테고리의 다른 글

URI / URL  (0) 2024.04.13
Virtual DOM  (0) 2023.03.20
DOM  (0) 2023.03.18
렌더링 엔진  (0) 2023.03.17
브라우저란?  (0) 2023.03.16
'Browser' 카테고리의 다른 글
  • URI / URL
  • Virtual DOM
  • DOM
  • 렌더링 엔진
URE
URE
Skill: Javascript, ReactJS, Next.js, React Native ... *블로그 이전 작업(24. 04. 11 ~ 24. 04. 15)
  • URE
    Dev++
    URE
  • 전체
    오늘
    어제
    • 분류 전체보기 (51)
      • Browser (6)
      • OS (1)
      • Javascript (14)
      • React (19)
      • Next.js (4)
      • React Native (0)
      • Architecture (1)
      • Network (3)
      • 스크랩 (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Redux
    react18
    Port
    dataFetching
    swr
    브라우저
    리덕스
    TCP
    참조타입
    IP
    react concurrent
    상태관리라이브러리
    원시타입
    javascript
    react
    리액트 코어
    자바스크립트
    리액트
    URL
    JS
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
URE
URL의 구성요소
상단으로

티스토리툴바