본문 바로가기

Front-End: Web/JavaScript

라이브러리(Library)

반응형

라이브러리

1. 라이브러리란?

라이브러리는 모듈과 비슷한 개념이다.

모듈이 프로그램을 구성하는 작은 부품으로서 로직을 의미한다면,

라이브러리는 자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합이다.

두 개념은 크게 다르진 않다.

 

이미 누군가 만들어 놓은 좋은 라이브러리들이 많으므로, 좋은 라이브러리를 선택하고 잘 사용하는 것도 프로그래밍에서 중요하다.

 

예제

현재 가장 유명한 라이브러리로 jQuery가 있다. jQuery를 사용하기 위해선 두 가지를 해야 한다.

▪ 첫 번째로 jQuery 로직을 사용하기 위해서 jQuery 자바스크립트 파일을 우리의 웹페이지로 가져오는 것이다. 이는 jQuery 웹 페이지에 접속하여 'Download jQuery'를 하면 된다.

▪ 또 하나는 API Documentation이다. API라는 것은 jQuery가 제공하는 명령어들의 list라고 이해하면 된다. 아까 생성한 greeting.js 파일은 우리에게 welcome 함수를 제공했다. 즉 우리는 greeting.js 파일이 우리에게 welcome 함수를 제공한다는 이 사실을 알고 있어야만 한다. 이 내용은 사용 설명서에 적혀있을 것이다. 이 사용 설명서를 API Documentation 이라고 한다.

즉 파일을 가져오는 것과, 그 라이브러리가 어떤 기능이 있는지 파악하는 것이 중요하다. 이것이 라이브러리 사용에 있어서 핵심이다.

 

 

2. 라이브러리 사용

계속하여 jQuery를 사용하는 것을 예제로 살펴보자.

먼저 jQuery 홈페이지에 접속하여 파일을 다운받는다. 이 파일을 카피하여 저장하고, greeting.js에서와 같이 파일을 가져와서 사용하면 된다.

혹은 CDN으로 파일을 다운로드 받아올 수도 있다.

이제 jQuery를 활용하여 코드를 작성해보자.

jQuery를 사용하지 않고 동일한 기능을 구현하려면 다음과 같이 코드 길이가 꽤 길어진다.

 

 

반응형

'Front-End: Web > JavaScript' 카테고리의 다른 글

정규표현식  (0) 2021.05.28
API란? (+ UI)  (0) 2021.05.26
모듈(Module)  (0) 2021.05.26
객체(Object)  (0) 2021.05.26
Three.js 2: PCD(Point Cloud Data)Loader  (0) 2021.05.16