JavaScript에서 라이브러리 사용하기

라이브러리 사용의 일반적인 원리를 살펴보겠습니다. 배열 작업을 위한 편리한 함수를 제공하는 라이브러리가 필요하다고 가정해 보겠습니다. 검색을 통해 lodash 라이브러리를 찾았다고 합시다.

라이브러리 사이트에 접속하여 라이브러리 다운로드 링크를 찾습니다. 일반적으로 라이브러리는 두 가지 버전으로 제공됩니다: 일반 버전과 압축(minified) 버전입니다. 일반 버전은 라이브러리의 소스 코드를 연구하고 싶을 때 편리합니다. 압축 버전은 용량이 더 적게 든다는 장점이 있습니다.

자, 다운로드 링크를 찾습니다. 라이브러리를 다운로드합니다. 경우에 따라 문서에 JavaScript 파일에 대한 링크가 제공될 수 있습니다. 이 경우 해당 파일은 다운로드되는 대신 브라우저에서 그냥 열릴 수 있습니다. 이때는 브라우저 메뉴에서 저장을 선택하거나 Ctrl + S를 눌러 라이브러리를 파일로 저장해야 합니다.

다운로드한 라이브러리는 자신의 HTML 파일에 연결해야 합니다:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
	</head>
	<body>
	
	</body>
</html>

연결된 라이브러리는 전역 범위에 하나 이상의 변수를 생성합니다. lodash의 경우 이 변수는 _라고 불립니다. 이제 라이브러리 연결 아래에 사이트 코드를 작성할 우리의 파일을 연결해 보겠습니다:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
		<script src="test.js"></script>
	</head>
	<body>
	
	</body>
</html>

이 파일에서는 이전에 연결한 lodash 라이브러리가 생성한 전역 변수에 접근할 수 있습니다:

console.log(_); // 이 변수 안에 lodash 라이브러리가 있습니다

연결된 라이브러리의 메서드 중 하나를 사용해 보겠습니다:

let res = _.chunk(['a', 'b', 'c', 'd'], 2);
console.log([['a', 'b'], ['c', 'd']]);

underscorejs 라이브러리를 다운로드하세요. 자신의 HTML 파일에 연결하세요. 이 라이브러리의 몇 가지 함수를 사용해 보세요.