상대 URL 해석기

상대 URL 해석기 사용 가이드

HTML이나 Markdown 문서 속 상대 링크가 실제로 어느 주소를 가리키는지는 문서가 놓인 위치에 따라 달라집니다. 기준 칸에 문서 주소를 넣고 상대 경로를 한 줄에 하나씩 넣으면, 브라우저가 링크를 누를 때와 같은 규칙으로 전체 URL을 계산합니다.

../는 한 단계 위 폴더, ./와 이름만 있는 경로는 같은 폴더, /로 시작하면 도메인 바로 아래, //로 시작하면 같은 프로토콜의 다른 도메인으로 해석합니다. ?page=2나 #install처럼 쿼리나 조각만 있는 줄은 기준 주소의 해당 부분만 바꿉니다.

결과는 '원래 경로 [탭] 전체 주소' 형식이라 스프레드시트에 붙이면 두 열로 나뉩니다. 기준 URL이 https://로 시작하는 전체 주소가 아니면 계산할 수 없어 바로 알려 줍니다.

사용 방법

1. 1'기준 URL' 칸에 링크가 들어 있는 문서의 전체 주소를 넣습니다.
2. 2'상대 경로' 칸에 확인할 링크를 한 줄에 하나씩 붙여 넣습니다.
3. 3'실행'을 누르면 줄마다 원래 경로와 해석된 전체 주소가 탭으로 나뉘어 나옵니다.

https://example.com/docs/guide/index.html
---
../assets/logo.svg
./setup.md
/root/path
//cdn.example.net/app.js
?page=2

../assets/logo.svg	https://example.com/docs/assets/logo.svg
./setup.md	https://example.com/docs/guide/setup.md
/root/path	https://example.com/root/path
//cdn.example.net/app.js	https://cdn.example.net/app.js
?page=2	https://example.com/docs/guide/index.html?page=2

이럴 때 쓰면 좋아요

• 정적 사이트의 깨진 이미지 링크가 실제로 어디를 가리키는지 확인할 때
• 크롤링한 페이지의 상대 링크를 전체 주소 목록으로 바꿀 때
• 문서를 다른 폴더로 옮기기 전에 링크가 어떻게 바뀌는지 미리 볼 때
• RSS나 이메일처럼 상대 경로가 통하지 않는 곳에 넣을 링크를 만들 때

문제가 생겼을 때

활용 팁

• HTML에 <base href> 태그가 있는 페이지라면 페이지 주소 대신 그 base 주소를 기준 URL로 넣어야 브라우저와 같은 결과가 나옵니다.
• ../를 도메인 위로 더 올라가게 써도 오류가 아니라 도메인 바로 아래로 고정됩니다. 결과가 이상하면 ../의 개수를 확인하세요.

자주 묻는 질문