[생활코딩] 30강. 상대경로 & 절대경로

경로(path)

URL에서 domain 다음에, query와 bookmark의 앞에 위치하는 특정 파일의 위치를 나타낸 부분을 말한다.

 

 

•  상대경로: 어떤 웹 페이지가 있을 때, '현재 위치'를 기준으로 다른 resource 정보의 '상대적인 위치'를 나타내는 경로. 그래서, 사용자가 바로 그 '현재 위치'에 있어야지만 원하는 resource로 이동할 수 있다.

     ▸ ../

         현재 위치의 부모 디렉토리(상위 폴더의 개념)로 가서 뒤에 적힌 경로로 이동해.

         ex <img src="../image/logo.png" />

 

     ▸ ./

         현재 위치(현재 디렉토리)에서, 즉 같은 폴더 안에서 뒤에 적힌 경로로 이동해.

         ex <img src="./image/logo.png" />

 

     ▸ 없음

         = ./

         현재 디렉토리에서 이동하라는 명령을 쓸 때 ./를 생략할 수 있다.

         ex <img src="   image/logo.png" />

                       ↳ 아무것도 쓰여있지 않고 비어있다..ㅎㅎ

 

 

 

•  절대경로: resource가 위치하는 경로를 객관적으로 나타낸다. 그래서 사용자가 어느 위치에 있건 원하는 resource로 이동할 수 있다.

     ▸ /

         루트(root) 디렉토리, 즉 제일 상위의 폴더 안에서 뒤에 적힌 경로로 이동해.

         ex <img src="/codingeverybody_html_tutorial/url_72/image/logo.png" />

 

     ▸ URL

         = /

         URL 전부 다 적어버리기.

         ex <img src="http://codingeverybody.com/codingeverybody_html_tutorial/url_72/image/logo.png" />