[IntelliJ]_jQuery 라이브러리 추가, 적용

2021. 12. 3. 16:41[프론트엔드]_/[Javascript]_ES6

728x90
반응형

개발환경을 만들면서 jQuery가 필요해서 IntelliJ 에 가져와 보았습니다.

 

jQuery 를 사용하는 이유

 

   - 크로스 브라우징: 한번의 코딩으로 모든 브라우저에 적용

   - 다양한 플러그인: jquery 기반 플러그인들이 무료로 배포

   - 브라우저 호환성

   - Ajax 통신처리 용이

 

 

우선 다운로드를 받기 위해 공식 사이트에 들어간다.

https://jquery.com/download/

 

Download jQuery | jQuery

link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download

jquery.com

그 다음 다운로드 할 곳에 마우스 우클릭 -> 다른이름으로 저장 클릭

그 다음 이용할 폴더 안에 js 확장자명으로 저장한다.

저의 경우 js 안에 넣어주었습니다.

그다음 file -> setting

Libraries 에 Add 클릭 (아래 그림은 이미 추가가 되어있는 상태입니다)

+ 버튼에서 files 선택 후 아까 설치한 파일 클릭

이후 ok 클릭

체크 후 ok 클릭하면 라이브러리에 추가가 됩니다!

 

이제 사용하려고 하는 파일 (js,jsp 파일 안의 html 안에 선언해줘야합니다)

해당 파일이 있는 곳의 경로를 지정하고 폴더이름을(버전) 기입하면 그 페이지는 JQuery 사용 가능합니다.

$( jQuery 를 담고 있는 최 상위 객체)

를 사용하여 함수를 적어서 사용하였습니다.

 

728x90
반응형