Spring3 RESTFUL 방식 리소스파일 및 favicon 인식할수 있게 설정하기

포스팅 진행방식이 restful 방식이라 확장자 없이 컨트롤러 호출이 가능합니다.

하지만 js/css/html/이미지 파일등을 컨트롤러로 인식을 한다는 문제점이 있습니다.

확인해보도록 하겠습니다.

webapp 디렉토리에 이미지 파일들을 아무거나 붙여넣기를 해봅니다.

그리고 webapp디렉토리에 index.jsp의 body태그에 하단 코드를 작성해봅니다.

index.jsp body태그 추가코드

<img width="200" height="200" alt="" src="/test.jpg">

위와같이 img 태그를 작성 후 실행을 해보았습니다.

실행결과 404 (not found) 결과가 출력되면서 이미지출력이 제대로 이루어지지 않습니다.

이미지 파일뿐 아니더라도 js파일,css파일등 모두 잘못된 페이지로 인식을 합니다.

이미지를  부분을 해결해야 하면 어떻게 해야 하나?

webapp 디렉토리 하단에 리소스파일들만 모아놓는 디렉토리를 추가합니다.

저같은 경우 resource 라고 디렉토리 생성을 하였습니다.

resource 디렉토리 생성후 방금전 오류가 났던 이미지파일을 resource 디렉토리 내에 이동시킵니다.

mvc-config.xml에 다음 코드를 추가합니다.

리소스 파일 인식을 시켜주기 위한 mvc-config.xml 코드추가

<mvc:resources mapping="/resource/**" location="/resource/" />

mvc:resources의 속성을 간단히 알아보자면

location : 실제 리소스파일들이 들어있는 디렉토리경로

mapping : 클라이언트 페이지(JSP)에서 지정해주는 리소스 디렉토리

mvc:resources 태그를 하단처럼 정의했다면

<mvc:resources mapping="/app/**" location="/resources/" />

실제 리소스 파일들이 존재하는 디렉토리는 resources이고 

jsp페이지에 만약 img 태그의 위치를 정의해준다고 가정한다면

<img src="/app/xxx.jpg" /> 처럼 사용을 하시면 됩니다.

보통은 mapping의 디렉토리와 location의 디렉토리명을 일치시켜줍니다.

<img width="200" height="200" alt="" src="/resource/test.jpg">

이미지파일을 resource디렉토리로 이동시켰으니 

src 속성에 resource디렉토리로 재설정을 해준 다음 재실행 해보았습니다.

실행결과 정상적으로 리소스 파일을 출력 할 수 있었습니다.

마지막으로 favicon.ico 설정을 잡아보도록 하겠습니다.

동일하게 mvc:resources 태그를 이용하여 설정이 가능합니다.

 favicon 아이콘파일은 webroot에 보통 존재하므로 

사용할 favicon.ico 파일을 webapp 디렉토리 밑에 위치 시킨 다음

다음코드를 작성해주면 정상적으로 favicon 적용이 가능합니다.

하단코드는 특정 1개의 리소스파일을 적용할때 사용하시면 되겠습니다.

favicon.ico 적용코드

<mvc:resources mapping="/favicon.ico" location="/favicon.ico" />

적용결과

by 개발로짜