경로(Path)
파일이나 디렉토리의 위치를 나타내는 문자열이다.
HTML에서는 href 속성이나 src 속성과 함께 사용되며, 경로(path)는 상대 경로와 절대 경로로 나뉜다.
디렉토리(Directory) : 파일을 저장하는 그룹화 단위로. 디렉토리 또는 "폴더"라고도 불린다.
1. 상대 경로(Relative Path)
현재 작업 중이 디렉토리의 위치를 기준으로 다른 파일이나 디렉토리의 상대적인 위치를 나타낸다.
현재 디렉토리의 파일 : ./filename
상위 디렉토리의 파일 : ../filename
하위 디렉토리의 파일 : ./directory/filename
2. 절대 경로(Absolute Path)
파일 시스템의 루트 디렉토리부터 해당 파일의 전체 경로를 나타낸다.
파일이나 디렉토리의 위치와는 관계없이 항상 동일한 경로를 가리킨다.
루트 디렉토리의 파일 : /path/to/filename
특정 디렉토리의 파일 : /path/to/directory/filename
부트스트랩을 CDN을 사용하여 연결할 때 절대 경로를 사용하게 된다.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" ...생략>
상대 경로, 절대 경로 예시
상대 경로
test폴더 안의 html폴더에 test.jsp에서 작업을 진행할 때 각 사진에 접근하는 방법이다.
<img src="./구름사진.jpg">
<img src="../나무사진.jpg">
<img src="../image/꽃사진.jpg">절대 경로
톰캣을 사용하여 jsp를 실행했을 때 절대 경로를 찾아보았다.
최상위 디렉토리부터 전부 작성해줘야 한다.
<img src="http://localhost:8080/test/test/html/구름사진.jpg">
<img src="http://localhost:8080/test/test/image/꽃사진.jpg">
<img src="http://localhost:8080/test/test/나무사진.jpg">절대 경로를 사용하는 경우에는 CDN이 있다.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" ...생략>
경로를 잘못작성하거나 작성한 경로에 파일이 없는 경우 404 에러가 발생한다.
Failed to load resource: the server responded with a status of 404 ()
