[🥝 네트워크] URL과 URI

네트워크 URL과 URI 개념

✅ URI와 URL은 인터넷에서 자원의 위치를 나타내기 위한 주소이다.
(즉, 웹 페이지를 찾기 위한 주소)

URI는 URL의 상위 개념이다.

• URL (Uniform Resource Locator):

  네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보를 나타낸다.

  URL은 scheme, host, url-path 으로 구성된다.

  scheme: 통신 프로토콜
  ex. file://, http://, https://

  hosts: (파일이 속한) 도메인, IP주소
  ex. 127.0.0.1, www.google.com

  url-path: (파일이 속한) 구체적인 경로 및 파일명
  ex. /search, /Users/username/Desktop

---

URL 개념에 query, fragment가 추가된 것이 URI이다.

• URI (Uniform Resource Identifier, 통합 자원 식별자)

  즉, URI는 다음을 포함한다.
  scheme, host, url-path, query, fragment

  query: 웹 서버에 보내는 추가적인 질문
  ex. q=JavaScript

  fragment: 북마크 기능을 수행
  URL에 fragment(#)와 특정 HTML 요소의 id를 전달하면 해당 요소가 있는 곳으로 스크롤을 이동

---

URL과 URI의 차이점

✅ url은 이름 그대로 location, 주소를 나타낸다.
✅ uri는 동일한 주소에 접근했을 경우에, 구체적으로 파일의 위치를 식별한다.

📌 유튜브의 링크를 보자.

아래 링크는 주소만 나타내므로 url이다.
https://www.youtube.com

📌 반면에 유튜브에서 '아이유'를 검색했을 경우 구체적인 uri 주소를 보여준다.

https://www.youtube.com/results?search_query=%EC%95%84%EC%9D%B4%EC%9C%A0

results?search_query=%EC%95%84%EC%9D%B4%EC%9C%A0
= results?search_query=아이유
즉, 유튜브 url에서 아이유 검색에 대한 쿼리를 추가적으로 던져주었다.
쿼리가 추가되었으므로 uri에 해당한다.

📌 '아이유 러브포엠'이라고 검색해보자.

https://www.youtube.com/results?search_query=%EC%95%84%EC%9D%B4%EC%9C%A0+%EB%9F%AC%EB%B8%8C%ED%8F%AC%EC%97%A0

results?search_query=아이유 에서
results?search_query=아이유+러브포엠 으로 더욱 구체적인 쿼리가 생성되었다.