[HTTP/네트워크] 기초개념 - URL/URI

URL(Uniform Resource Locator)

 

• 네트워크 상에서의 파일이 위치한 정보
• 구성 - scheme, hosts, url-path
• 좀 옛날 개념임 (SSR에서 페이지를 보낼때 주소에 ~.HTML이런식으로 들어갔다)

---

URI(Uniform Resource Identifier)

 

• URI는 URL의 상위개념 (URL은 URI이다. ⭕️ / URI는 URL이다. ❌)
• URL의 기본요소(scheme, hosts, url-path) + query, fragment
• 최근 많이 씀
• 요즘은 google.com/search?q=codestates 이런식으로 식별자까지 포함해서 쓴다.
• 사실 요즘 url이라고 통칭해서 부르고 있지만, uri가 많이 쓰이고 있다.

 

---

URI의 구성

부분	명칭	설명
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	웹 서버에 전달하는 추가 질문
#controlled-input-null-value	fragment	북마크 기능으로 #와 html 요소의 id 값을 전달하면 해당 요소가 있는 곳으로 스크롤 예)https://reactwithhooks.netlify.app/docs/forms.html#controlled-input-null-value

 

---

😊코드스테이츠 부트캠프 프론트엔드 과정을 수강하며, 수업내용을 정리한 자료입니다.