Script 파일 구분하기 (따로 빼기)

coding S's avatar
Apr 26, 2024
Script 파일 구분하기 (따로 빼기)
notion image
notion image
/js처럼 앞에 /를 붙이는 것은 '절대 경로'를 사용한다는 뜻. 이는 웹사이트의 가장 기본이 되는 시작점(루트)에서부터 경로를 측정하겠다는 의미. 즉, 어디서든지 같은 경로로 자원(예: 자바스크립트 파일, 이미지 등)을 찾을 수 있게 해준다. 예를 들어, /js라고 쓰면 웹사이트의 어느 곳에서든지 js 폴더를 바로 찾을 수 있다. / 없이 그냥 js라고 쓰면 현재 페이지의 위치를 기준으로 js 폴더를 찾게 된다. 그래서 페이지의 위치에 따라 js 폴더의 위치를 다시 찾아야 할 수도...
💡
마우스 대면 어디에 있는지 경로가 나오던데…

[ js도 동일하게 찾는다 ]

/js/script.js라고 경로를 지정하면, 이는 웹사이트의 루트(root) 디렉토리에 있는 js 폴더 안의 script.js 파일을 가리킨다. 이렇게 절대 경로(absolute path)를 사용함으로써, 웹사이트 내 어느 위치에서든 동일한 경로로 해당 .js 파일에 접근할 수 있다. 상대 경로(relative path)로 js/script.js라고 지정하면, 이는 현재 페이지의 위치에 따라 js 폴더의 위치를 찾게 된다. 예를 들어, 현재 페이지가 웹사이트의 루트 디렉토리에 있다면 js/script.js는 작동하지만, 만약 현재 페이지가 /pages 폴더 안에 있다면, 실제 찾아야 할 경로는 /pages/js/script.js가 되어야 한다. 이런 경우 상대 경로는 올바른 파일을 찾지 못할 수 있다.
💡
내 프로젝트에서 js 파일을 찾고자 하니 /product 폴더 안에 있다고 경로가 잡힌다. 때문에 js/script.js를 하지 못하고, /js/script.js 로 경로를 사용함!
 
Share article

codingb