.jsp에는 .js나 .css가 많이 들어간다. 그럴때마다 import를 해오는데.. import를 해오려면 해당 파일의
경로를 알아야 하고, 이 경로는 절대경로와 상대경로 2가지로 나뉘어 진다.
상대경로 : 현 파일의 위치를 기준으로 목표로 하는 파일의 목적지까지의 상대적인 경로를 의미
=> 최상위 /를 포함한다.
=> 속도 빠름
=> 파일 분실 가능성이 높음
절대경로 : 처음부터 시작하여 목적지까지의 절대적인 경로를 의미
=> 최상위 /를 포함하지 않고도 이동이 가능하다.
=> 속도 느림
=> 파일 분실 가능성이 낮음
상대경로와 절대경로의 특징은 위와 같은데, 혼자 할 때는 상대경로를 써도 좋지만, 실제 개발을 하고
서버에 올려야 한다면 절대경로를 사용하는 것이 바람직하다. 파일 분실 가능성이 낮기 때문
상대경로
| 기호 | 설명 |
| ./ | 현재 위치 |
| ../ | 현재 위치 기준 상위 디렉터리 위치 |
| ./js | 현재 위치 기준 하위 js 디렉터리 |
| ../js | 현재 위치 기준 상위 디렉터리의 하위 js 디렉터리 |
절대경로
IP1.IP2.IP3.IP4(localhost):포트번호/프로젝트명/경로명
절대경로로 하면 이 주소가 필요하지만 tomcat으로 서버를 구동하면 root 경로는 tomcat에서 Path로 잡아주는 곳이
되기 때문에 해당 경로를 찾아 쓰면 된다. 즉 저기 [프로젝트명]에 Path값을 넣어주면 된다.
아래 이미지를 기준으로 하면
IP1.IP2.IP3.IP4(localhost):포트번호/test/경로명 <= 이렇게 넣어주면 된다.
그럼 바로 샘플 파일을 통해 알아보도록 하자.
testJSP.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
// testJs1.js를 상대경로를 통해 import함
<script src="../js/testJs1.js"></script>
// testJs2.js를 절대경로를 통해 import함
<script src="/test/js/testJs2.js"></script>
</html>
testJs1.js
let script = document.createElement('h1');
let txt = document.createTextNode('testJs1을 호출하였습니다.');
script.appendChild(txt);
document.body.appendChild(script);testJs2.js
let script2 = document.createElement('h1');
let txt2 = document.createTextNode('testJs2를 호출하였습니다.');
script2.appendChild(txt2);
document.body.appendChild(script2);
이렇게 작성 한 뒤 결과를 보도록 하자.
이렇게 쉽게 js를 호출 할 수 있다.
자기가 import하고 싶은 파일의 위치를 잘보고 그대로 적용하면 될 것 같다.
