인프런 커뮤니티 질문&답변

sde101573님의 프로필 이미지
sde101573

작성한 질문수

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

상품 목록 - 타임리프

URL 링크 표현식 질문

작성

·

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을 생성하게 됩니다.

다음은 이와 관련된 기존 답변 링크입니다:

  • Thymeleaf 링크 질문: 링크
  • 경로 질문: 링크
  • thymeleaf 속성 관련해서 질문입니다: 링크
  • css 위치 질문입니다: 링크

위 링크에서 보시면, 타임리프는 @{} 구문을 사용하여 상대경로를 처리하고, 스프링 부트는 내장된 정적 리소스 위치에 따라 실제 파일을 찾게 됩니다. 예를 들어, @{/css/bootstrap.min.css}는 실제로 static/css/bootstrap.min.css 파일을 가리키며, 다른 링크 표현은 스프링 MVC가 처리해주는 URL 매핑을 기반으로 합니다.

위 답변 링크들을 참고하시면, 타임리프의 URL 링크 표현식과 스프링 부트에서 정적 자원과 동적 콘텐츠 경로가 어떻게 처리되는지에 대한 내용을 좀 더 상세하게 이해하실 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

sde101573님의 프로필 이미지
sde101573

작성한 질문수

질문하기