상대 경로와 절대경로

상대경로

• ./ :'주변에서 찾는다' 같은 위치라고 생각하면 편합니다.
• ../ : '상위 폴더에서 찾는다' 라고 생각하면 편합니다.

절대경로

• http/https : 원격의 다른 사이트를 의미합니다.
• / (//) : '/' 하나만 있는경우는 최상위 경로(루트)를 의미합니다.

 

루트경로

• / (root) 에는 index.html, images폴더, css폴더가 있습니다.

상대경로

1. index.html에서 test.png 파일을 사용하고자 한다면?
   index.html과 images폴더는 같은 위치에 있기 때문에 './' or (생략가능) ' / ' 후 images폴더 속 파일이름
   ./images/test.png  ,  images/test.png 
   
   
2. main.css 에서 test.png 파일을 사용하고자 한다면?
   main.css의 입장에서 생각을 하면 된다. main.css는 css폴더의 하위에있습니다
   ../를 사용해서 밖으로 나온다고 생각을 하면된다. images폴더로 들어가서 test.png를 찾는다고 생각하면됩니다.
   ../images/test.png

 

절대경로

각각의 파일의 위치에 상관없이 같은 경로를 이용하기 때문에 절대적인 경로다 라고 생각하면 편합니다.

1. index.html에서 test.png 를사용하고자 한다면?
   / 는 루트경로 즉 project 폴더를 의미합니다. 이 루트경로에는 images, css index.html 파일이 있습니다.
   /images/test.png
2. main.css 에서 test.png 를 사용하고자 한다면?
   동일하다 절대경로이기 때문에  /images/test.png 
3. index.html 에서 제 블로그에 있는 test.png를 이용하고자 한다면?
   https://j-plum.tistory.com/images/test.png