[JavaScript] js 파일에서 contextPath 구하여 사용하기!!

파이널 프로젝트를 진행중 js 파일에서 contextPath 를 가져와야했었는데....

const contextPath = "<%= request.getContextPath() %>";
const defaultImg = contextPath + "/resources/img/memberProfile/defaultUser.png";

이렇게 가져오려고 했으나 자꾸 에러가 발생했고.... 다시 찾아본 결과!! 

sessionStorage 에 저장을 한뒤 불러오는 식으로 contextPath 를 사용할 수 있다고 하기에

<script type="text/javascript" charset="utf-8">
	sessionStorage.setItem("contextpath", "${pageContext.request.contextPath}");
</script>

이런식으로 작성해주고 head 태그 안에 작성을 해준 뒤!

js 파일 내부에서

var contextPath = getContextPath();
function getContextPath() {
  return sessionStorage.getItem("contextpath");
}

이런식으로 함수를 만들어 준뒤! 적용을 해주면 된다!

const contextPath = getContextPath();
function getContextPath() {
	return sessionStorage.getItem("contextpath");
}
document.getElementById("defaultUser").addEventListener("click", function(){
    const del = document.getElementById("delete");
    const defaultImg = contextPath + "/resources/img/memberProfile/defaultUser.png";
    if(del.value == 0){ 
        document.getElementById("profile-image").setAttribute("src", defaultImg );          
    }
});

이렇게 한뒤 실행을 해보니 결과는 성공적 이였다!!
앞으로 파이널 화이팅...!!! 할 수 있다!!!!!