1. 제이쿼리?
자바 스크립스를 기반으로 하는 오픈 소스는 여러 가지가 있다.
jQuery, Bootstrap, moment, AJAX, AngularJS, react 등등..
이 중에서 jQuery부터 먼저 배워보자.
제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리다.
“write less, do more(적게 작성하고, 많은 것을 하자)”라는 모토로 2006년 미국의 SW 개발자 존 레식(John Resig)이 발표하였다.
jQuery를 이해하기 위해선 무엇보다도 자바스크립트, 그리고 HTML과 CSS에 대한 기본적인 개념이 잡혀있어야 한다.
이전의 글들을 살펴보며 배웠던 것들을 다시 꺼내어 확인하는 것도 필요할 것 같다.
https://ddcloud.tistory.com/40?category=1296258
[JS] #1-1 Java Script에 발을 내딛다
1. Java Script에 대하여 HTML로 웹의 내용을 작성하고, CSS로 웹을 디자인했다면, JavaScript는 웹을 동작하게 하는 프로그램이다. 그래서 Java Script를 시작하기 위해선 HTML과 CSS에 대한 사전 지식이 필
ddcloud.tistory.com
2. 자바 스크립트 기반 오픈소스
jQuery 오픈 소스를 사용하는 방법은 크게 두 가지가 있다.
1) jQuery라이브러리를 제공하는 해당사이트 직접 링크
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js">
</head>
2) jQuery라이브러리를 직접 다운 받아서 사용(추천)
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
-> Download the compressed, production jQuery 3.6.0(최신 버전에 따라 상이)
-> 우클릭 -> 다른이름으로 링크 저장
-> jquery-3.6.0.min.js 다운
* min을 받는 이유는 스페이스와 엔터 입력을 최소화시킨 소스이기 때문이다.
나는 파일을 다운 받아 사용하려고 하였다.
파일을 다운받은 후 문서에서 링크를 해주었다.
<script src="jquery-3.6.1.min.js"></script>
jQuery가 잘 import가 되었는지 확인까지 해보자.
alert($);
여기서 $ 표시는 jQuery()의 축약형의 기호이며 제이쿼리의 핵심적인 명령어이다.
3. jQuery의 문법
jQuery를 사용하는 문법은 기본적으로 아래의 형태를 띈다.
$(document).ready(function(){
alert("jQuery시작");
alert($);
});
이를 더 가볍게 사용하는 방법도 제공한다.
$(function(){
alert("jQuery시작");
alert($);
});'⁂ jQuery > : 기본 익히기' 카테고리의 다른 글
| [jQuery] #6 This로 index 확인하기 (0) | 2022.09.26 |
|---|---|
| [jQuery] #5 each 반복문 (0) | 2022.09.26 |
| [jQuery] #4 속성 관련 메소드 (0) | 2022.09.26 |
| [jQuery] #3 jQuery에서 자주 사용하는 함수 - text(), html(), css() + chaining (0) | 2022.09.26 |
| [jQuery] #2 이벤트(Event) - click으로 연습해보기 (0) | 2022.09.26 |