slick이 깨진것 같아요ㅠㅠ
본문
근데 오늘 확인을 해보니 제 브랜치에서 완전 깨져있더라구요 아무리봐도 어떻게 손을 봐야 할지 몰라서 글 올립니다
답변 2
CSS 및 JavaScript의 버전 충돌 또는 정상적으로 로드되지 않은 리소스에서 기인합니다.
Slick의 핵심 파일인 /connectPlay/slick/slick.css, /connectPlay/slick/slick-theme.css,
/connectPlay/slick/slick.min.js가 정상적으로 로드되고 있는지 확인하는 것이 가장 중요.
*브라우저 개발자 도구(F12)의 Network 탭에서 해당 파일들이 200 OK로 로드되는지 확인.
*만약 파일이 로드되지 않는다면 경로를 수정하거나 누락된 파일을 추가해야 합니다.
슬라이드가 포함된 컨테이너(예: .center)의 width와 height가 올바르게 설정되었는지 점검.
*부모 요소가 display: none; 상태에서 slick이 초기화되면 슬라이드가 깨질 수 있습니다.
이 경우, slick의 resize 메서드를 호출하거나 부모 요소를 보이는 상태로 유지한 후
slick을 초기화하세요.
Slick.js는 jQuery를 기반으로 작동하므로 jQuery가 slick.js보다 먼저 로드되어야 합니다.
*<script src="https://code.jquery.com/jquery-latest.min.js"></script>
*<script src="/connectPlay/slick/slick.min.js"></script>
위와 같은 순서로 로드되었는지 확인하세요.
순서가 올바르지 않다면 slick 초기화 코드가 동작하지 않을 가능성이 큽니다.
★★★ 아래의 코드들을 참고하여, 설정을 검증 및 수정하여 보세요.
*전체적으로 설정된 HTML과 JavaScript 예시
어딘가 수정해서 그런것이겠죠..
갑자기 그런경우는 없습니다.
일단 설정상의 문제이지 slick 자체는 오류없이 잘 작동하고 있습니다.
우선 최근 백업본으로 돌려보신 뒤에 채크한번 해보세요