⚠️ 이 포스팅은 torang.log 블로그에 URL과 URI의 차이점 포스팅을 공부하고 정리한 블로그 포스팅입니다. ⚠️
URL vs URI
URL (Uniform Resource Locator)
- 리소스가 실제로 존재하는 위치(Locator)를 가리킨다
- 여기서 리소스란 애플리케이션이 클라이언트에게 제공하는 정보를 말하며 리소스는 이미지, 동영상, 텍스트, 숫자 또는 모든 유형의 데이터일 수 있다
Path Variable 방식
https://maplecoding.tistory.com/category/React
위의 예시에서는 https://maplecoding.tistory.com 에서 /category/React 라는 경로를 나타내고 있다
서버에서는 해당 라우팅(웹주소)에 대한 알맞은 자원(해당 웹페이지에 관련된 코드들)을 전송해줄 것이다
해당 주소는 자원의 실제 위치이므로 URL이다
URI (Uniform Resource Identifier)
- 리소스의 위치(Locator)뿐만 아니라 리소스에 대한 고유 식별자(Identifier)를 의미한다
- URI는 URL 의미를 포함한다
Query Parameter 방식(URI), Path Variable 방식(URL)
https://maplecoding.tistory.com/115?category=1263016
위의 예시에서는 https://maplecoding.tistory.com/115 까지 자원의 실제 위치를 나타내기 때문에 URL이다
뒤의 쿼리스트링 식별자(?category=1263016)는 자원에 대한 고유 식별자를 나타내는 URI다
URI는 URL 의미를 포함하므로 해당 주소는 URL을 포함한 URI다
참고할 내용
1) URL 파라미터 (Path Variable)
- 특정 아이디, 이름을 사용하여 조회할 때 사용
domain/profile/maple
2) 쿼리 스트링 (Query Parameter)
- 주소의 뒷부분에 ? 문자열 이후에 key=value 로 값을 정의하며 & 로 구분을 하는 형태
- 어떤 키워드를 검색할때
- 페이지에 필요한 옵션을 전달할 때
domain/about?page=1&keyword=react'웹개발 · IT 지식' 카테고리의 다른 글
| [웹개발] API, RESTFUL API, End Point 정리 (0) | 2022.07.08 |
|---|---|
| [npm/에러해결] npm에서 패키지 설치시 code ENOSELF 에러 해결 방법 (0) | 2022.07.06 |
| [웹개발/문제해결] 파일 저장시 eslint 설정대로 코드 정리가 안될때 해결방법 (0) | 2022.06.30 |
| [VI에디터/에러해결] E325 : ATTENTION 해결방법 (0) | 2022.06.23 |
| [웹개발/한줄정리] package.json에서 일반 의존성, 개발 의존성이란? (0) | 2022.06.23 |
댓글