Underscore.JS-환경 설정
이 장에서는 로컬 컴퓨터에서 Underscore.JS의 작업 환경을 설정하는 방법에 대해 자세히 알아 봅니다. Underscore.JS 작업을 시작하기 전에 라이브러리에 대한 액세스 권한이 있어야합니다. 다음 방법 중 하나로 파일에 액세스 할 수 있습니다.
방법 1 : 브라우저에서 Underscore.JS 파일 사용
이 방법에서는 공식 웹 사이트의 Underscore.JS 파일이 필요하며 브라우저에서 직접 사용할 것입니다.
1 단계
첫 번째 단계로 Underscore.JS 공식 웹 사이트로 이동하십시오. https://underscorejs.org/.
사용 가능한 최신 underscore-min.js 파일 UMD (Production) 를 제공하는 다운로드 옵션이 있는지 확인하십시오 . 링크를 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 저장을 선택하십시오. 파일은 축소를 포함하거나 포함하지 않고 사용할 수 있습니다.
2 단계
이제 포함 underscore-min.js 내부 script태그를 지정하고 Underscore.JS로 작업을 시작하십시오. 이를 위해 아래 주어진 코드를 사용할 수 있습니다.
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>여기에 더 나은 이해를위한 작업 예제와 출력이 있습니다.
예
<html>
<head>
<title>Underscore.JS - Working Example</title>
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>
<style>
div {
border: solid 1px #ccc;
padding:10px;
font-family: "Segoe UI",Arial,sans-serif;
width: 50%;
}
</style>
</head>
<body>
<div style = "font-size:25px" id = "list">
</div>
<script type = "text/JavaScript">
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
document.getElementById("list").innerHTML = listOfNumbers;
</script>
</body>
</html>산출
방법 2 : Node.js 사용
이 방법을 선택하는 경우 Node.js 과 npm시스템에 설치됩니다. 다음 명령을 사용하여 Underscore.JS를 설치할 수 있습니다.
npm install underscoreUnderscore.JS가 성공적으로 설치되면 다음 출력을 관찰 할 수 있습니다.
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilities이제 Underscore.JS가 Node.js와 잘 작동하는지 테스트하려면 tester.js 파일을 만들고 다음 코드를 추가하십시오.
var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);위의 프로그램을 tester.js. 다음 명령은이 프로그램을 컴파일하고 실행하는 데 사용됩니다.
명령
\>node tester.js산출
1 2 3 4