부트스트랩 파일 다운로드 후 적용
오류 원인 1. static 파일을 WEB-INF 안에다 넣어서 생성했다.
WEB-INF는 서버가 동작할 때 웹 페이지에서 숨김처리 되기때문에, 경로에 WEB-INF를 넣어도 작동하지 않는다!!
따라서 아래 경로처럼 생성하면 된다. 참고로 부트스트랩 파일들은 bs5>css와 js이다.
오류 원인 2. 나의 경우, 최상위 경로(context root)는 /web01로 설정했었다.
따라서 전체 경로를 작성하려면 web01/static/bs5/js...이렇게 적어주거나, 아래처럼 c태그를 사용하여 경로를 써준다.
<c:url var="staticUrl" value="/static" />
<script type="text/javascript" src="${staticUrl }/bs5/js/jquery-3.6.3.min.js"></script>
<link type="text/css" rel="stylesheet" href="${staticUrl }/bs5/css/bootstrap.min.css">
<script type="text/javascript" src="${staticUrl }/bs5/js/bootstrap.min.js"></script>팁1. 부트스트랩은 jquery가 필요하고, jquery 스크립트는 가장 먼저 실행되어야 한다.(맨 위에 넣기)
팁2.부트스트랩 js파일에서 오류가 나는 것은 신경쓰지 않아도 된다.
