라이브러리
자주 사용하는 로직을 재사용할 수 있도록 고안된 소프트웨어를 라이브러리라고 한다.
jQuery
jQuery는 DOM을 내부에 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 도구이다. jQuery의 효용은 후속 수업을 통해서 살펴보자.
jQuery의 사용
jQuery를 사용하기 위해서는 jQuery를 HTML로 로드해야 한다. 아래는 jQuery를 로드하는 방법이다.
<!DOCTYPE html>
<html>
<body>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
jQuery( document ).ready(function( $ ) {
$('body').prepend('<h1>Hello world</h1>');
});
</script>
</body>
</html>
결과는 Body 태그 아래에 <h1>Hello world</h1> 코드가 만들어진다.
아래와 같이 jQuery( document ).ready(function( $ ) {}로 감싸는 것이 이상적이다.
jQuery( document ).ready(function( $ ) {
$('body').prepend('<h1>Hello world</h1>');
});
하지만 필자는 코드의 양을 줄이기 위해서 그냥 예제 코드만 작성하겠다.
$('body').prepend('<h1>Hello world</h1>');
