티스토리 뷰

슬라이딩 위젯을 만들고 있는데 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 속성에 파일 경로를 바로 적어주어야 합니다.

수정 전 (작성하신 코드):

HTML
 
<load target="css" src="flickity.css" />
<load target="js" src="flickity.js" />

수정 후 (올바른 코드):

HTML
 
<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는 너무 공수표는 남발한다.. ㅜㅜ

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/12   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함