※제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리입니다. 현재는 제이쿼리의 의존도나 사용도가 점점 줄어드는 추세이나 기존에 개발되었던 것들은 제이쿼리 기반으로 구현되어 있기 때문에 알아두는 것이 좋을 것 같습니다.
목차
1. 제이쿼리(JQUERY)란?
※제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리입니다.
제이쿼리를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현할 수 있습니다.
또한, Ajax 응용 프로그램 및 플러그인도 제이쿼리를 활용하여 빠르게 개발할 수 있습니다.
@제이쿼리의 특징
-웹페이지 상에서 엘리먼트(Element)를 쉽게 찾고 조작할 수 있습니다.
-거의 모든 웹브라우저에 대응할 정도로 호환성이 매우 뛰어납니다.
-네트워크, 애니메이션 등 다양한 기능을 제공합니다.
-메서드 체이닝(Method chaining) 등 짧고 유지관리가 용이한 코드 작성을 지원합니다.
-관련 플러그인들이 웹상에 공개되어 있으며 플러그인을 직접 구현하거나 확장할 수 있습니다.
-공식 웹사이트(www.jquery.com)와 수많은 레퍼런스를 통해 쉽게 접근 가능합니다.
2. 제이쿼리(JQUERY) 사용방법
※다운로드하여 설치하는 방식과 파일생성 후 사용방식 중 파일생성 하는 방식으로 진행하겠습니다.
1. 제이쿼리 공식 홈페이지에 접속 (https://jquery.com/)
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
jquery.com
2. 우측 Download jQuery v3.6.4 클릭 (버전은 변경될 수 있음)
3. Download 페이지에서 Download the compressed, production jQuery 3.6.4 클릭 (버전은 변경될 수 있음)
4. 클릭 후 아래 창이 뜨면 전체 내용 복사
5. VS CODE에 "해당버전. js" 파일 생성 후 내용 붙여 넣기
6. 작성할 페이지 <head> 안에 <script> 작성 (5번에서 생성한 파일 이름)
7. 준비가 완료되었습니다. 이제 document문 안에 작업내용을 입력하면 됩니다.
