datePicker라이브러리
slickSlider라이브러리
그리고 추가로 필요한 스크립트들까지 자꾸 충돌이 일어나서 작동이 안 될 때가 있었다.
[error] 스프링부트 html에서 slick slider, datePicker (js) 사용 시 적용안됨
이렇게 해결했던 오류가
다른 팀원이 header.html 파일의 헤더에 jQuery라이브러리를 추가하면서 내가 만든 페이지의 스크립트들이 다시 충돌이 나기 시작했다.
$(...).___ is not a function 이 오류가 줄줄이 뜨기 시작...
페이지마다 있던 jQuery cdn을 삭제하고 jQuery-ui-min.js 라이브러리를 넣었고 위치도 옮겨가면서 수정해봤지만 해결이 안 됨.
https://parkwonhui.github.io/front/2019/01/19/front-datepicker.html
이 블로그를 참고해서 수정했더니 해결이 되었다.
var jb = jQuery.noConflict();
datePicker 스크립트에 위의 코드를 추가했다.
jQuery의 $ 를 jb로 바꿔주는 코드여서 스크립트 안에 $는 모두 jb로 바꾸었다.
근데 한 스크립트를 이렇게 바꿔주니 다른 스크립트도 다 바꿔줘야했다.
그래서 아래처럼 변수명 다 다르게 설정해서 다 수정했더니 오류 해결!
