작업을 하다보면 경로 지정이 정확하게 되지 않아서 css파일이나, 이미지, 폰트 등이 적용이 제대로 되지 않는 경우가 있다.
절대경로와 상대경로에 대해 알아보며 경로 실수를 줄여보자!
1. 절대경로
어떠한 웹페이지나 파일이 가지고 있는 고유한 경로, 절대적으로 변하지 않는 경로
-> 절대경로는 내가 작성중인 파일이 어디 있던 간에 주소가 절대로 변하지 않는다.
2. 상대경로
내위치 기준에서 사용하는 경로
- '/' > 가장 최상의 디렉토리로 이동한다.(web root)
- './' 파일이 현재 디렉토리를 의미한다.
- '../'상위 디렉토리로 이동한다.
만약 두 단계 상위 디렉토리로 이동하려면 '../../'이렇게 사용하면 된다.
-> 상대경로는 내가 작성중인 파일의 위치가 어디냐에 따라 주소가 상대적으로 바뀐다.
📚 Coding Notes