main 페이지에 slick slider 라이브러리를 적용해놨는데 js 파일 적용이 안 되고 다른 자바스크립트도 다 적용이 안 되는 것 같았다. 스프링부트는 처음이라.. html+thymeleaf에서 자바스크립트나 제이쿼리를 사용하려면 뭔가 다른 설정이 필요한가...?했지만 그런 건 따로 없는 것 같았다.
thymeleaf를 적용해서 자바스크립트 외부 파일을 불러오지 못한다고 생각하고 경로를 th문법으로 바꾸고, 내부스크립트로도 바꿔보고, 제이쿼리 cdn도 바꿔보고, slick slider 라이브러리 주소로 적용하는 것도 파일로 다운받아 적용하는 걸로 바꿔보았지만 해결되지 않았다.
그러나 구글링 하면서 이것저것 시도해보면 언젠간 답은 나온다..! 내가 포기하지만 않으면..!ㅎㅎ
스프링콘솔에 오류가 없는 것만 확인했던 나 자신 한심..괘씸..
크롬 개발자도구 콘솔에서 보니까 오류가 잔뜩이었다...ㅋㅋㅋㅋㅋ...
먼저 이 부분이 슬릭슬라이더가 작동되지 않는 오류... 스크립트의 .slick이라는 부분이 뭔가 문제인 것 같다고 생각하며 구글 검색을 해보았다.
slick.js 에러 $(...).slick is not a function 해결방법
너무나 감사하신 분ㅠㅠ.. 제이쿼리 충돌이었다는 것을 새롭게 알게 되었다..
충돌방지코드라는 이 코드 넣자마자 바로 해결!! 잘 움직인다!
datePicker 스크립트도 같은 오류가 있어서 바로 앞에 충돌방지코드 추가했더니 해결ㅎㅎ
다른 스크립트와도 한큐에 다 해결이 되었다!
