절대경로와 상대경로

절대경로란?

최상위 폴더(root)를 기준으로 절대적인 경로

- 보통 다른 사람의 문서나 파일을 이용할 때 사용함(cdn)

- 어느 곳에서든 경로에 접근할 수 있다는 장점 존재함

- 경로가 변경되면 경로를 일일히 수정해야한다는 단점 (정적)

 

상대경로란?

현재 작업 디렉터리를 기준으로 연결하려는 파일의 상대적인 경로

- 주소나 프로젝트 디렉토리 위치가 바뀌어도 내부 구조만 그대로라면 수정없이 그대로 사용할 수 있다는 장점

- 자신의 위치가 바뀌는 것에 취약

/	최상위(root) 디렉토리
./	현재 디렉토리 (생략가능)
../	상위 디렉토리

 

reset.css에서 js폴더의 script.js파일 경로

- 절대경로 : /js/script.js

- 상대경로 : ../js/script.js

 

index에서 css폴더의 common.css파일 경로

- 절대경로 : /css/common.css

- 상대경로 : ./css/common.css === /css/common.css

 

참고

https://velog.io/@bami/