hello와 hello-static.html 의 차이

Question

=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)

[질문 내용]
여기에 질문 내용을 남겨주세요. 주소창에 입력할 때static 폴더에 있는 hello-static과 index는 확장자 (.html)을 붙여야 하고templates 폴더에 있는 hello는 .html을 붙이면 안되는? 걸로 알고 있는데 이유가 궁금합니다! hello는 th: 문법을 사용해서 그런건가요? 확실하게 이유를 알고 싶습니다 ㅎㅎ

OMG · Answer

안녕하세요. asdf20834님, 공식 서포터즈 OMG입니다. /static 의 경우 HTML, CSS, JS(자바스크립트), 이미지 파일 등 정적 리소스를 제공하기 위한 경로로 다양한 종류의 정적 리소스들에 대한 서빙이 진행될 수 있으므로 확장자까지 포함한 요청이 필요합니다.   반면 /templates에서는 타임리프 같은 템플릿 엔진이 사용되며, 파일 이름만으로 HTML 파일을 찾고 처리합니다. 스프링부트는 컨트롤러에서 반환하는 뷰 이름에 자동으로 ".html" 확장자를 추가하여 파일을 렌더링하므로, 개발자가 확장자를 별도로 명시할 필요 없이, 타임리프와 스프링부트의 조합을 통해 자동화됩니다.   자세한 내용은 영한님의 스프링 MVC1편 강의 를 참고해주세요 😀 감사합니다.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. asdf20834님, 정적 자원(static resources)과 템플릿(template) 사이의 차이와 해당 파일을 호출할 때 URL 형식이 다른 이유에 관한 질문으로 보입니다. 스프링 부트에서 정적 컨텐츠는 static 폴더 아래에 위치하고, 이러한 파일들은 클라이언트에게 변경 없이 그대로 제공됩니다. 반면, templates 폴더에 있는 HTML 파일은 템플릿 엔진(예: Thymeleaf)을 통해 서버 사이드에서 렌더링되며 동적으로 컨텐츠가 생성되어 제공됩니다. 정적 컨텐츠에 접근할 때는 파일 이름과 확장자를 URL에 명시해야 합니다. 예를 들어, hello-static.html 파일이 있다면, URL에서 http://localhost:8080/hello-static.html 와 같이 확장자를 포함시켜 호출합니다. 반대로 templates 폴더 안에 있는 파일을 호출할 때는, 컨트롤러를 통해 라우팅되므로 확장자를 명시할 필요가 없습니다. 컨트롤러 내에 정의된 경로(예: /hello )는 해당 템플릿 파일을 렌더링하도록 설정되어 있기 때문입니다. localhost:8080/hello-static 과 localhost:8080/hello-static.html의 차이(정적 컨텐츠 강의 내용) 질문드립니다 에서 이와 비슷한 문제에 대해 다룬 답변을 확인할 수 있습니다. 해당 답변에서는 정적 컨텐츠에 확장자를 붙이는 경우와 붙이지 않는 경우에 대한 처리 방식에 관하여 설명하고 있으니 참고하시면 도움이 될 것입니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.