Uncaught ReferenceError: $ is not defined

@Goran Ivos unsplash 

Uncaught ReferenceError: $ is not defined

개발을 하다가 보면 Uncaught ReferenceError: $ is not defined 이런 에러들을 종종 보게 됩니다. 

이건 jquery가 제대로 import 되지 않았다는 뜻입니다.

jquery를 선언해주시면 해결됩니다.

 

인터넷이 되는 환경이라면 CDN으로 설정 혹은 직접적으로 라이브러리를 다운로드하여서 선언하는 방법이 있습니다.

먼저 아래처럼 CDN으로 설정하는 방법이 있습니다.  

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

그리고 인터넷이 안 되는 환경이라면 라이브러리를 직접 받아서 설정해주시는 방법이 있습니다.

 

jQuery라이브러리 다운로드와 설정 방법

1. 라이브러리 다운로드를 위한 사이트 이동

jquery 다운로드 사이트 이동

 

2. Download 메뉴 클릭

 

3. Download the compressed, production jQuery 3.6.0(버전) 클릭

4. 아래와 같이 나오게 된다면 마우스 우클릭 > 다른 이름으로 저장( ex) jquery-3.6.0.min.js ) 

5. 다운로드한 경로 설정(상대 경로 or 절대 경로) 보통은 상대 경로로 많이 지정됩니다.

예시) <script src="js/jquery-3.4.1.js">