작성
·
280
0
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.
1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)
질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)
[질문 내용]
CSS의 경우 th:href="@{/css/bootstrap.min.css}"이고
다른 경우에는 th:href="@{/basic/items/add}"처럼 되어있습니다. 궁금한 점은 css는 static상위 폴더에 basic은 templates 상위 폴더에 위치하는데 이를 구분하는 것이 url에 명시가 되어있지 않은데 어떻게 구분이 되는 걸까요??
답변 2
0
안녕하세요. sde101573님
다음 경로를 실행해보시면 결과나 나오는 것을 확인할 수 있습니다.
http://localhost:8080/css/bootstrap.min.css
스프링부트는 /static 폴더 하위에 있는 경로를 자동으로 / 하위로 매핑해줍니다 🙂
쉽게 이야기하면 서버가 실행되면 /static을 제거하고 / 하위로 바로 찾아가게 해줍니다.
감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다.
sde101573님의 질문은 타임리프(Tymeleaf) 라이브러리에서 사용되는 URL 링크 표현식에 관한 것으로 보입니다. 여기서 static과 template 경로의 차이와 URL 링크 표현식에 대해 어떻게 구분이 되는지에 대해 궁금해 하시는 것 같습니다.
이와 관련된 질문에 대해서는 이전에 김영한 님께서 답변해주신 내용이 도움이 될 것 같습니다. 기본적으로 스프링 부트에서는 정적 자원을 제공하기 위한 기본 위치가 몇 개 있으며, static
폴더가 그 중 하나입니다. 타임리프 템플릿에서 @{}
구문을 사용하여 URL을 생성할 때, 스프링 부트는 이러한 정적 자원 위치를 복합하여 적절한 URL을 생성하게 됩니다.
다음은 이와 관련된 기존 답변 링크입니다:
위 링크에서 보시면, 타임리프는 @{}
구문을 사용하여 상대경로를 처리하고, 스프링 부트는 내장된 정적 리소스 위치에 따라 실제 파일을 찾게 됩니다. 예를 들어, @{/css/bootstrap.min.css}
는 실제로 static/css/bootstrap.min.css
파일을 가리키며, 다른 링크 표현은 스프링 MVC가 처리해주는 URL 매핑을 기반으로 합니다.
위 답변 링크들을 참고하시면, 타임리프의 URL 링크 표현식과 스프링 부트에서 정적 자원과 동적 콘텐츠 경로가 어떻게 처리되는지에 대한 내용을 좀 더 상세하게 이해하실 수 있을 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.