[오류 기록] uncaught referenceerror: $ is not defined / jQuery 오류

scrollify.js를 사용하기 위해 아래와 같이 삽입했는데 계속 오류가 남.

<script src="/js/jquery-3.6.4.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="/js/jquery.scrollify.js"></script>
<script>
 $(function() {
      $.scrollify({
          section : ".section",
          interstitialSection:".header, .footer",s
          scrollSpeed: 500,
      });
});
</script>

크롬 개발자도구에서 처음엔 Uncaught TypeError: $.scrollify is not a function" 오류가 발생함.

여러 조치를 해봤는데, 이번엔 아래 오류 표시
uncaught referenceerror: $ is not defined

 

검색해보니 jquery가 제대로 import 되었는지 확인해보래서

새로 최신 버전 다운받아 import 해보았다.

 

그러니 성공. 스크롤로 섹션 단위 이동되는 것은 확인.그런데 화면 배경으로 쓰인 video 태그들이 죄다 비정상적으로 확대되었다.

개발자도구 element.style에 height가 너무 큰 값으로, 창크기에 따라 바뀌며 표시되는 것 확인해서

css에서 height: 100vh !important; 설정함.