라이믹스 위젯 js,css 로딩이 잘 안될때
슬라이딩 위젯을 만들고 있는데 js,css가 로딩이 잘 안되었다. 챗 gtp는
<load target="css" src="flickity.css" />
<load target="css" src="only_slide_widget.css" />
<load target="js" src="flickity.js" />
<load target="js" src="main.js" />
이렇게 하라고 하고 jemini 는
<load target="flickity.css" />
<load target="only_slide_widget.css" />
<load target="flickity.js" />
<load target="main.js" />
이렇게 하라고 했다. 아무리 chatgpt 한테 물어봐도 답이 안나오고 구글링 해도 답이 안나와서 제미나이한테 물어봤다.
그랬더니
라이믹스(Rhymix) 및 XE 기반의 위젯 스킨 제작 시 <load> 태그 사용법이 조금 까다로울 수 있습니다. 작성해주신 코드를 보면 <load> 태그의 문법 오류일 가능성이 가장 높습니다.
다음 4가지 단계를 통해 문제를 해결해 보세요.
1. 문법 수정 (가장 유력한 원인)
라이믹스 템플릿 문법에서 <load> 태그는 src 속성을 사용하지 않고, target 속성에 파일 경로를 바로 적어주어야 합니다.
수정 전 (작성하신 코드):
<load target="css" src="flickity.css" />
<load target="js" src="flickity.js" />
수정 후 (올바른 코드):
<load target="flickity.css" />
<load target="only_slide_widget.css" />
<load target="flickity.js" />
<load target="main.js" />
팁: 파일이 스킨 폴더(html 파일과 같은 위치)에 있다면 위와 같이 파일명만 적으면 됩니다. 만약 css나 js 폴더 안에 따로 넣어두셨다면 <load target="css/flickity.css" />와 같이 경로를 적어주세요.
이렇게 답이 왔다. 헐.. 그래서 제미나이가 말한대로 했더니 되었다.. 대박..
더군다나 슬라이딩의 첫번째 이미지가 슬라이딩이 안되고 갑자기 사라지는듯하게 나와서 그것도 스트레스 였는데, 그 부분도 해결되었다. 아마 레이아웃에 jQuery로 이미 많이 쓰고 있어서, 왠지 위젯에도 영향이 미치는듯한 느낌이였다.
그래서 레이아웃에 있는 쓰지 않는 jQuery등을 다 삭제 하였다. 그래서 그런지 조금 더 깔끔하게 되는듯 하다. 어자피 라이믹스에서 제공하는 기본 레이아웃을 안쓰고 커스텀 할테니.. 왠만하면 깔끔하게 지우고 하는것이 좋다.
흠.. 결국에는 chatgtp보다 제미나이가 나은것 같다. 챗gtp는 너무 공수표는 남발한다.. ㅜㅜ