🧭 절대 URL vs 상대 URL
URL의 맥락에서 절대와 상대의 차이가 무엇을 의미하는지 살펴보자.
URL의 필수 부분은 URL이 사용되는 context에 따라 크게 달라진다. 브라우저의 주소 표시줄에서 URL은 아무 맥락이 없으므로 전체(또는 절대) URL을 제공해야 한다. 프로토콜이나 포트를 포함할 필요는 없지만 URL의 다른 모든 부분은 필요하다.
URL이 HTML 페이지와 같은 문서 내에서 사용되는 경우, 상황이 약간 다르다. 브라우저에는 이미 문서 고유의 URL이 있기 때문에 이 정보를 사용하여 해당 문서 내에서 사용할 수 있는 URL의 누락된 부분을 채울 수 있다. URL의 경로 부분만 보면 절대 URL과 상대 URL을 구별할 수 있다. URL의 경로 부분이 "/" 문자로 시작하는 경우 브라우저는 현재 문서에서 제공하는 맥락을 참조하지 않고 서버의 최상위 루트에서 해당 리소스를 가져온다.
🩶 절대 URL의 예시
✅ 전체 URL
https://developer.mozilla.org/ko/docs/Learn
✅ 절대 경로는 / 부터 시작합니다.
/images/main/photo.jpg🩶 상대 URL의 예시
✅ 디렉터리 트리로 돌아가기
../CSS/display👩🏻💻 참고 자료
Frontend Developer