[IntelliJ]_jQuery 라이브러리 추가, 적용
2021. 12. 3. 16:41ㆍ[프론트엔드]_/[Javascript]_ES6
728x90
반응형
개발환경을 만들면서 jQuery가 필요해서 IntelliJ 에 가져와 보았습니다.
jQuery 를 사용하는 이유
- 크로스 브라우징: 한번의 코딩으로 모든 브라우저에 적용
- 다양한 플러그인: jquery 기반 플러그인들이 무료로 배포
- 브라우저 호환성
- Ajax 통신처리 용이
우선 다운로드를 받기 위해 공식 사이트에 들어간다.
그 다음 다운로드 할 곳에 마우스 우클릭 -> 다른이름으로 저장 클릭
그 다음 이용할 폴더 안에 js 확장자명으로 저장한다.
저의 경우 js 안에 넣어주었습니다.
그다음 file -> setting
Libraries 에 Add 클릭 (아래 그림은 이미 추가가 되어있는 상태입니다)
+ 버튼에서 files 선택 후 아까 설치한 파일 클릭
이후 ok 클릭
체크 후 ok 클릭하면 라이브러리에 추가가 됩니다!
이제 사용하려고 하는 파일 (js,jsp 파일 안의 html 안에 선언해줘야합니다)
해당 파일이 있는 곳의 경로를 지정하고 폴더이름을(버전) 기입하면 그 페이지는 JQuery 사용 가능합니다.
$( jQuery 를 담고 있는 최 상위 객체)
를 사용하여 함수를 적어서 사용하였습니다.
728x90
반응형
'[프론트엔드]_ > [Javascript]_ES6' 카테고리의 다른 글
[프론트엔드]_JavaScript(es6)_6.Array (0) | 2021.12.05 |
---|---|
[common.js]_공통 함수 실전 필드처럼 만들어서 사용하기 (0) | 2021.12.03 |
[TypeScript]_IntelliJ Spring_lib.dom.ts 외부 라이브러리 가져오기 (0) | 2021.12.02 |
[IntelliJ]_Spring 로딩 페이지 설정 (0) | 2021.12.01 |
[IntelliJ]_빠른 테스트 (0) | 2021.12.01 |