JavaScript 라이브러리 인식 불가

Question

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.

1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)

질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)

[질문 내용]
https://drive.google.com/file/d/1dYiDxEpDP2eVFCNY2Z6Lm0feoZscE0JS/view?usp=sharing
안녕하세요.
강의를 다 듣고 상품 삭제 기능을 직접 만들어 보고 있습니다.
jquery와 bootstrap을 사용하여 modal창을 만들어 보려고 하는 중에 jquery 라이브러리를 불러오는데 실패 했었습니다.

jquery 라이브러리 위치는 resources/templates/css경로 아래에 두었습니다.
영한님께서 말씀하신 out폴더를 지우고 서버를 재실행 하여도 같은 문제가 발생하여,
resources/static/css경로에 두고 실행하였더니 jquery 라이브러리가 인식되는데요.

templates경로 아래에만 jquery라이브러리 파일을 두었던 이유는 강의 내용에서 아래와 같은 내용을 언급하셨기 때문입니다. 강의자료중.png

강의 내 "resources/templates인식되는 원리" 질문의 답에서도
ThymeleafProperties.java파일에 DEFAULT_PREFIX 값이 'classpath:/templates/'으로 되어있다고 답변되어 있어
templates경로 아래에 jquery 라이브러리를 두었던 것인데요.

라이브러리 파일을 어떤 이유에서 static폴더에다가 두어야 동작 하는 것인지 질문드립니다.

OMG · Answer

안녕하세요. asdasfafsf 님, 공식 서포터즈 OMG입니다. . 제 답변을 참고하셨나보네요 ^^ 아래 이미지를 보시면 아시겠지만 PREFIX로는 클래스패스:templates 경로를, 그리고 SUFFIX로는 .html 확장자를 지정하고 있습니다. jquery, css와 같은 정적 파일은 static경로에 놓는게 맞습니다. 템플릿엔진이 놓이는 디렉토리가 templates입니다. 아래는 타임리프와 같은 템플릿 엔진 중 하나인 mustache인데요 mustache도 templates하위에 놓이는 것을 보시면 이해되실거라 생각합니다. . 감사합니다.