jsp에서 외부 css, js 등 파일 인식 못함 (404 error)

ecplise 환경에서 Dynamic web project를 생성해 tomcat으로 서버를 띄워 웹을 확인했는데,

외부 파일을 전혀 인식하지 못했다.

관리자 모드로 보니 모든 외부 파일이 404 error로 경로를 찾을 수 없다고 떴다.

 

프로젝트의 웹 구조는 다음과 같다.

src/main/webapp 폴더 밑에 모든 파일들을 넣고 "assets/css/..." 와 같이 파일을 불러왔다.

 

구글링을 통해 Servers/Tomcat/web.xml을 다음과 같이 수정해주었다.

ctrl+f 로 servlet-mapping을 찾은 뒤 url-pattern을 추가해주었다.

원래의 코드는 435번 라인의 / url-pattern만 있는데 8개의 .js, .css 등의 url-pattern을 추가해 주었다.

사용하는 파일의 확장자를 추가해 주면 된다.

 

추가해 준 뒤 웹 페이지를 새로고침하니 정상적으로 스타일이 적용된다!

 

참고 - https://rok93.tistory.com/entry/Tomcat%EC%84%9C%EB%B2%84-%EA%B5%AC%EB%8F%99%EC%8B%9C-jsp%EC%97%90%EC%84%9C-%EC%99%B8%EB%B6%80-css-js-%ED%8C%8C%EC%9D%BC%EC%9D%84-%EC%9D%B8%EC%8B%9D%ED%95%98%EC%A7%80-%EB%AA%BB%ED%95%98%EB%8A%94-%ED%98%84%EC%83%81