javascript - 라이브러리 (jQuery)
Front-End/javascript 2019. 6. 9. 20:37728x90
반응형
-라이브러리-
라이브러리는 모듈과 비슷한 개념이다.
모듈이 프로그램을 구성하는 작은 부품으로서의 로직을 의미한다면 라이브러리는 자주 사용되는 로직을 재사용되기
편리하도록 잘 정리한 일련의 코드들의 집합을 의미한다고 할 수 있다.
라이브러리가 무엇인지를 보여주기 위해 jQuery를 잠깐 사용
jQuery 다운로드
http://jquery.com/
jQuery 메뉴얼을 이용해서 사용법을 파악한다.
http://api.jquery.com/
jQuery를 다운받고 jQuery에 자바스크립트 코드를 다운로드 받아서 그것을 읽어보면 된다.
1. 제이쿼리 홈페이지에 접속후 다운로드 버튼 클릭
2. 빨간색 네모부분 클릭
3. 클릭후 코드를 전체 복사
4. sublinetext에 복사한 코드를 jquery.js 파일을 만들고 그 안에 붙여넣기
5. jQuery.demo.html 파일 만들기
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<ul id="list">
<li>empty</li>
<li>empty</li>
<li>empty</li>
<li>empty</li>
<li>empty</li>
</ul>
<script type="text/javascript">
$('#list li').text('coding everybody');
</script>
</body>
</html>
|
cs |
궂이 jQuery 코드를 사용하는 이유는 브라우저를 사용해서 <li>태그 안에 있는 값을 바꾸려면 너무 코드가 복잡해지기 때문에
보여주기 위해서 jQuery를 사용한 것이다.
아래 책은 제가 공부할때 활용했던 책으로 추천드리는 책이니 한번씩 읽어보시는것을 추천드립니다!! ㅎㅎ
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
728x90
반응형
'Front-End > javascript' 카테고리의 다른 글
| javascript - 정규표현식 (0) | 2019.06.11 |
|---|---|
| javascript - UI와 API (0) | 2019.06.10 |
| javascript - 모듈 (0) | 2019.06.09 |
| javascript - 객체 (0) | 2019.06.09 |
| javascript - 배열 (0) | 2019.06.01 |