1. URL이란?
URL(Uniform Resource Locator) : 웹에서 주어진 고유 리소스 주소를 의미한다.
- 각각의 유효한 URL은 고유한 리소스를 가르킨다.
- HTML 페이지, CSS 문서, 이미지 등이 될 수 있다.
- URL로 표시되는 리소스와 URL 자체는 웹 서버에서 처리되므로 해당 리소스와 관련 URL을 신중하게 관리하는 것은 웹 서버 소유자에게 달려 있다.
2. URL 구성
URL은 여러 부분으로 구성되며 일부는 필수이고 일부는 선택 사항이다.
* 스키마
Scheme는 URI(Uniform Resource Identifier)의 구성 요소로써 브라우저가 리소스를 요청하는 데 사용해야 하는 프로토콜을 나타낸다. (해당 사진에서는 http 프로토콜을 사용한 것을 나타낸 것)
* 권한
권한(authority)은 "://"에 의해 스키마와 구분된다. 권한에는 도메인(예시: www.example.com)과 포트(에시: 80)이 포함된다.
- 도메인 : 요청하는 웹 서버를 나타낸다.
- 포트 : 웹 서버의 리소스에 접근하는 데 사용되는 기술적인 "게이트"를 나타낸다. 웹 서버가 리소스에 대한 액세스 권한을 부여하기 위해 HTTP 프로토콜의 표준 포트(HTTP의 경우 80, HTTPS의 경우 443)를 사용하는 경우엔 일반적으로 생략합니다. 그렇지 않으면 필수입니다.
* 리소스 경로
웹 서버에 있는 리소스의 경로이다. 웹 초기에는 이와 같은 경로가 웹 서버의 실제 파일 위치를 나타냈습니다. 요즘에는 대부분 물리적 실체가 없는 웹 서버가 추상적으로 처리합니다.
* 매개변수
웹 서버에 제공되는 추가 매개변수이다. 웹 서버는 리소스를 반환하기 전에 이러한 매개변수를 사용하여 추가 작업을 수행할 수 있다.
* 앵커
리소스 자체의 어떤 부분에 대한 앵커이다. 앵커는 리소스 내부에서 일종의 "책갈피" 역할을 하며, 브라우저에 해당 "책갈피" 지점의 콘텐츠를 표시하도록 지시한다. 예를 들어 HTML 문서에서는 브라우저가 앵커가 정의된 지점으로 스크롤한다. 비디오 또는 오디오 문서에서 브라우저는 앵커가 나타내는 시간으로 이동하려고 시도한다. 프래그먼트 식별자라고도 하는 # 뒤의 부분은 요청과 함께 서버로 전송되지 않는다.
3. 절대 URL vs 상대 URL
구분 | 절대 URL | 상대 URL |
형식 | https://example.com/path/page.html | /path/page.html 또는 page.html |
기준 | 도메인부터 전체 경로 포함 | 현재 문서(페이지) 위치 기준 |
이동 가능성 | 다른 사이트에서도 동일하게 접근 가능 | 현재 위치 변경 시 링크 깨질 가능성 있음 |
상용 예 | 외부 링크, API 요청 등 | 같은 사이트 내 페이지 이동 |
즉, 절대 URL은 어디서든 접근할 수 있는 완전한 주소이고, 상대 URL은 현재 위치를 기준으로 상대적인 경로를 지정하는 방식이다.
'웹 기초' 카테고리의 다른 글
[Vanila JavaScript] 파티클 만들기 (0) | 2025.04.09 |
---|---|
[FireBase] FireBase CORS 오류 및 해결 방법 (0) | 2025.04.08 |
[내일 배움 캠프, 웹 기초] html, <script> 태그의 위치 (0) | 2025.03.31 |
[내일 배움 캠프, 웹 기초] index.html이란? (0) | 2025.03.28 |
[내일 배움 캠프, 웹 기초] 웹 브라우저 작동 원리 (0) | 2025.03.28 |