[Jquery] jquery min js와 slim js의 차이점

클라이언트 서버 만드는 중 이던 나 .. 

<!-- JS -->
        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
            integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
            crossorigin="anonymous"></script>

 

 

여기서 "$.ajax is not a function" ??????????????????????

라는 에러가 자꾸 뜨는 중이였다.. 구글링해보니 slim으로 설정된 jquery를 변경하라고 하는 결과만 나와있었다. 

<!-- JS -->
        <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
            crossorigin="anonymous"></script>

그런데

1. slim.min.js -> min.js로 변경

2. intergrity, crossorgin 속성을 지우기

로 하면 말-짱하게 돌아간다!!!!!!!!!

 

---

Jquery slim은 

ajax가 필요하지 않는 패키지를 사용하는 것을 선호하는 부류로 인해 만들어진 해당 모듈들을 제외한 '슬림 버전'이라서 

ajax를 function으로 인식하지 못하던 것이었다!!!!!!!

<제거된 기능>

• jQuey.fn.extend
• jquery.fn.load
• jquery.each // 일반적인 AJAX 이벤트 처리를 위한 대다수의 함수를 첨부
• jQuery.ajaxSettings.xhr, .... ajax와 관련된 세팅 설정
• jQuery.parseXML - XML 구문 분석
• jQuery.easing, jQuery.Animation, jQuery.speed - 애니메이션 효과

이 있다. ( 참고 ) 

---

따라서 min.js로 변경하니 잘 돌아가던 것이라던,.......... 뜻