favicon 설정

servlet이나 jsp를 이용한 웹 프로그래밍을 하다보면 favicon.ico 가 없다는 404 메시지를 자주 보게 된다.

favicon이란 웹 페이지의 타이틀에 표시되는 사이트의 대표 이미지이다.

위 그림의 gmail 사이트는 favicon이 잘 설정되어있지만 두 번째 사이트는 favicon이 설정되어있지 않다. 

재밋는 점은 404 에러가 출력된 주소인데 특정 context 이름이 개입되지 않은 사이트 즉 /에 매핑된 곳에서 찾고 있다는 점이다.

따라서 원천적으로 두 가지 방식을 사용할 수 있겠다.

1. Root 프로젝트에 favicon.ico를 위치시킨다.

   기본 root 경로는 [eclipse설치경로]\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\ROOT\이다. 이 곳에 favicon.ico를 위치시키면 잘 로딩된다.

2. 사실 실제 프로젝트들은 대부분 context를 / 에 매핑시킨다. 이런 경우 개별 프로젝트의 WebContent 폴더에 favicon.ico를 위치시키면 된다.

 

마지막으로 프로젝트를 / 에 매핑시키기 어렵거나 페이지 별로 다른 favicon.ico를 사용하고 싶다면 페이자별로 다음 코드를 삽입한다.

<link href="../favicon.ico" rel="icon" type="image/x-icon" />