논리적 사고

기준 URL 끝의 슬래시 하나가 사진 주소를 바꿀까?

같은 photo.webp를 두 기준 주소와 결합하고, 끝의 슬래시와 맨 앞의 슬래시가 각각 어느 경로를 바꾸는지 확인합니다.

photo.webp를 끝 슬래시가 없는 기준 경로와 결합하면 /course/photo.webp, 슬래시가 있으면 /course/unit/photo.webp가 되는 비교
photo.webp를 끝 슬래시가 없는 기준 경로와 결합하면 /course/photo.webp, 슬래시가 있으면 /course/unit/photo.webp가 되는 비교
그림 크게 열기 ↗SVG 저장

그림에서 무엇을 볼까요?

photo.webp를 끝 슬래시가 없는 기준 경로와 결합하면 /course/photo.webp, 슬래시가 있으면 /course/unit/photo.webp가 되는 비교

웹 문서에 photo.webp라고만 적혀 있으면 어떤 사이트의 어느 경로인지 정보가 부족합니다. 이런 상대 참조는 기준 URL(유알엘, 웹 자원의 주소)과 함께 해석해야 합니다. 같은 글자라도 기준이 다르면 완성된 주소가 달라질 수 있습니다.

활동은 자바스크립트의 new URL(상대 참조, 기준 주소)을 실제로 실행합니다. URL 객체를 만드는 일은 주소 문자열을 해석하는 일입니다. 주소가 만들어졌다는 사실은 그곳에 사진이 존재하거나 서버가 정상 응답한다는 증거가 아닙니다.

함께 확인할 점

URL(유알엘, 웹 자원의 주소)의 문자열 해석만 실행합니다. 고정된 example.org 예시로 new URL을 호출하며 실제 파일을 요청하거나 링크로 이동하지 않습니다.

생각해 볼 질문

두 기준 주소와 photo.webp·../photo.webp·/photo.webp를 조합한 여섯 결과를 기록하세요. 달라진 경로 조각과 아직 확인하지 않은 서버 상태를 구별해 적으세요.

← 논리적 사고 그림 더 보기