Table of contents

index 페이지

index 페이지는 welcome 페이지라고도 불리며, 루트 경로를 요청했을 때 응답되는 페이지를 말한다. 스프링부트는 정적 페이지를 보여주는 방법과 동적 페이지를 보여주는 방법으로 index 페이지를 제공한다.

아직, 동적 페이지인 템플릿 엔진을 사용하는 방법은 공부하지 않았으므로 정적 페이지를 사용하는 방법부터 말하자면, 정적 리소스 매핑에서 공부했던 기본 4가지 경로에서 index.html을 위치시키면 된다.

<!--resources/static/index.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>웰컴! 스프링 부트</h1>
</body>
</html>

resources/static 경로에 index.html를 생성한 뒤 앱을 실행해보자. 브라우저에서 localhost:8080 으로 접속하면 정적리소스인 index.html이 응답된다.

favicon

파비콘은 브라우저의 탭에 표시되는 홈페이지 아이콘이다. 파비콘을 설정하는 방법은 굉장히 간단하다. 우선 favicon.io 에서 favicon.ico 파일을 생성한 뒤, 정적리소스가 매핑되는 경로에 위치시킨다.

정적리소스 매핑 경로에 파비콘 파일을 위치시킨 뒤 앱을 실행하면 파비콘이 해당 파일로 변경된다. 간혹 변경되지 않는 경우가 있는데, 브라우저가 파비콘을 캐싱해서 다시 요청하지 않는 경우가 그렇다. 스택오버플로우에 해당 현상에 대한 답변이 있는데, 두 번째 답변대로 파비콘을 다시 요청하면 해결된다.

해당 포스팅은 스프링 부트 개념과 활용 강의 내용을 토대로 작성하였습니다.