-
자바스크립트 기본 - 라이브러리JavaScript/생활코딩 2018. 11. 19. 15:31
라이브러리 - https://opentutorials.org/course/743/4750
라이브러리와 모듈은 비슷한 개념이다.
모듈은 프로그램을 구성하는 작은 부품이라면
라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합이다.
라이브러리는 어떠한 목적이 있고 그 목적을 쉽게 달성할 수 있도록 만들어 놓은 코드들의 집합이다.
웹브라우저에서 제공하는 기능, 자바스크립트에서 제공하는 기능으로 1000줄로 할 수 있는 기능을
라이브러리를 사용하면 1줄로 만들 수 있다.
현재 사람들이 많이 사용하는 라이브러리는 jquery이다.
jquery로직을 사용 하기 위해서는 http://api.jquery.com/에서 확인 가능하다.
jquery 실제 적용 방법
https://jquery.com/download/에서 jquery를 다운로드하여 경로를 head에 적어준다.
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<ul id="list">
<li>empty</li>
<li>empty</li>
<li>empty</li>
<li>empty</li>
</ul>
<input id="execute_btn" type="button" value="execute" />
<script type="text/javascript">
$('#execute_btn').click(function(){
$('#list li').text('coding everybody');
})
</script>
</body>
</html>
자바스크립트 만으로 해당 동작을 구현하려면 30줄정도 필요하나 jquery를 사용하면 20줄정도로 완성할 수 있다.
하지만 jquery는 버전에 따라서 동작되는 코드들이 조금씩 다르며, 웹페이지가 jquery와 호환되지 않는 경우 사용할 수 없으므로
해당 사항을 인지 하고 jquery를 사용해야 한다.
'JavaScript > 생활코딩' 카테고리의 다른 글
웹브라우저 자바스크립트 - 웹브라우저와 javascript (0) 2018.11.20 자바스크립트 기본 - UI와 API (0) 2018.11.19 자바스크립트 기본 - 모듈 (0) 2018.11.19 자바스크립트 기본 - 객체 (0) 2018.11.16 자바스크립트 기본 - 배열 (0) 2018.11.16 댓글