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

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

[질문 내용]
여기에 질문 내용을 남겨주세요.

영한 님의 강의 내용을 복습해보기 위해 혼자서 간단한 게시판 프로젝트를 만들어보고 있습니다.

동적 페이지 처리도 타임리프로 하고 있는데, 문득 타임리프의 링크에 대해서 궁금한 점이 생겨 문의드립니다.

타임리프에서는 링크 표현식이 th:href="@{/css/bootstrap.min.css}"와 같이 @{}를 활용해야 한다고 하셨습니다. 그러나 실험을 하면서, th:href="'/css/bootstrap.min.css'" 처럼 @{}를 활용하지 않고 작은 따옴표로 표현했을 때도 문제가 없이 동작함을 알게 되었습니다. 혹시 static 폴더에서도 css 파일이 있기 때문에 문제 없는건가? 라고 생각해서 static 폴더에 있던 css 파일을 지워봤는데, 그래도 templates에 css 파일이 있기 때문에 정상적으로 css 파일이 불러옴을 알게 되었습니다.

@{}를 활용한 방법과, ''를 활용한 방법은 어떤 차이가 있는지 궁금합니다.

(마찬가지로 <button th:onclick="|location.href='board'|">와 같이 작성해도 문제 없이 동작하였습니다. 왜 이런 상황에서도 제대로 작동하는지, 하지만 이런 상황일 때는 ||로 감싸야만 문제가 없는데 왜 그런지도 궁금합니다..!)