티스토리 뷰
개발자 도구로 열어보면 위와 같이 favicon.ico 500 에러를 한번씩은 봤을 것이다. favicon이라고 하는건
브라우저 탭의 앞에 나오는 이미지를 말한다. 즉 어플리케이션의 대표 이미지라고 할 수 있다. Springboot로 만드는 어플리케이션에도 이런 favicon을 달 수 있다. 아주 간단하다.
ico 파일 생성하기
일단 favicon 규격에 맞는 이미지를 만들어야 한다.
ICO Convert - Create Icons From PNG & JPG Images Online
ICO Convert is a free online icon maker and favicon generator, with it you can make icons from png or jpg images, just upload a photo of yourself, resize and crop it, convert to a shape you like, add borders and shadows, and save it as a PNG image or Windo
icoconvert.com
이곳에 들어가서 내가 만들고 싶은 이미지를 넣고 ico 파일로 생성을 해주자. 하나 만들어보자.
이렇게 하면 ico 파일을 얻을 수 있다. 얻었으면 이 파일의 파일명을 favicon.ico로 변경을 해주자.
ico 파일 springboot app에 적용하기
springboot의 정적 자원을 위치시키는 곳인 public (or static or resource) 폴더 바로 하위에 생성한 ico 파일을 위치시킨다. 그리고 재기동하면 된다. 끝이다.
브라우저에서 호출해보면 springboot 기본인 나뭇잎 모양의 favicon이 없어지고 새로 만든 favicon으로 변경된 것을 확인할 수 있다.
끝!
'Framework > Spring' 카테고리의 다른 글
| Springboot 에서 Servlet 설정하기 (0) | 2021.07.02 |
|---|---|
| Springboot 기동시 javax.management.InstanceNotFoundException 오류 조치 (0) | 2021.06.30 |
| Springboot 환경에서 web.xml 의 jsp-config 사용하기 (w.SpringBootServletInitializer) (2) | 2021.06.24 |
| Spring Locale처리 - SessionLocaleResolver, LocaleChangeInterceptor 사용법 (0) | 2021.06.14 |
| Springboot war 파일 외부 WAS에서 실행하기 (0) | 2021.06.08 |