Absolute & relative url

pug 에서 a 태그를 사용하여 특정 url로 연결해 줄 때가 많다. 이때 우리는 href에 주소를 적을때 조심해야 할 부분이 있다. 

a(href="/edit") 수정


a(href="edit") 수정

위의 두 코드는 슬래쉬의 유무에 차이가 있다. 

첫번째 코드처럼 작성하면 root url + /edit 으로 연결된다. 그러니까 내 프로젝트에서는 localhost:4000/edit 으로 연결이 된다.

이는 내가 원하는 바가 아니다. 하지만 아래의 방식으로 작성하면 현재의 페이지에서 마지막 위치를 edit으로 바꾸어준 페이지로 넘어가게 된다. 내 프로젝트에서는 videos/edit이 되는것이다. 

 

첫번째와 같은 방식이 absolute url 이고, 두번쨰와 같은 코드가 relative url 이다.

 

현재 내가 localhost:4000/profile/edit-profile/password 에 있을때 a(href="potato") 와 같은 코드가 있다면 이는 localhost:4000/profile/edit-profile/potato 로 가게된다. 하지만 같은 상황에서 a(href="/potato") 라고 작성되어 있다면 이는 localhost:4000/potato 로 가게되는 것이다.