JavaScript에서 CDN을 통한 라이브러리 연결

라이브러리를 프로젝트에 직접 다운로드할 필요는 없습니다. 종종 라이브러리 저자들은 라이브러리 연결을 위한 직접 링크를 생성하는 특별한 사이트에 라이브러리 코드를 호스팅합니다. 이러한 사이트를 CDN이라고 부르며, 이는 (content delivery network, 콘텐츠 전송 네트워크)의 약자입니다.

예를 들어, lodash 라이브러리 문서에서 CDN 링크를 찾을 수 있으며, 자신의 HTML 파일에서 라이브러리를 다운로드하지 않고도 연결할 수 있습니다:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
	</head>
	<body>
	
	</body>
</html>

CDN의 장점은 속도입니다. 일반적으로 콘텐츠 전송 네트워크는 일반 호스팅보다 파일을 더 빠르게 제공합니다. 또한, 인기 있는 라이브러리를 사용한다면, 해당 라이브러리가 이미 사용자 브라우저 캐시에 있을 가능성이 높아 다시 다운로드되지 않을 수 있습니다.

CDN의 단점은 어느 날 라이브러리 링크가 작동을 멈추고 사이트가 오류를 일으킬 수 있다는 점입니다.

underscorejs 라이브러리를 CDN을 통해 연결하세요. 라이브러리가 제대로 연결되었는지 확인하세요.