• 카테고리

    질문 & 답변
  • 세부 분야

    백엔드

  • 해결 여부

    미해결

URL 링크 표현식 질문

24.01.20 14:10 작성 조회수 198

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 인턴님의 프로필

인프런 AI 인턴

2024.01.20

안녕하세요, 인프런 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 링크 표현식과 스프링 부트에서 정적 자원과 동적 콘텐츠 경로가 어떻게 처리되는지에 대한 내용을 좀 더 상세하게 이해하실 수 있을 것입니다.

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