MomentJS-환경 설정

이 장에서는 로컬 컴퓨터에서 MomentJS의 작업 환경을 설정하는 방법에 대해 자세히 알아 봅니다. MomentJS 작업을 시작하기 전에 라이브러리에 대한 액세스 권한이 있어야합니다. 다음 방법 중 하나로 파일에 액세스 할 수 있습니다.

방법 1 : 브라우저에서 MomentJS 파일 사용

이 방법에서는 공식 웹 사이트의 MomentJS 파일이 필요하며 브라우저에서 직접 사용할 것입니다.

1 단계

첫 번째 단계로 MomentJS 공식 웹 사이트로 이동하십시오. https://momentjs.com여기에 표시된대로 홈페이지를 찾을 수 있습니다.

사용 가능한 최신 MomentJS 파일을 제공하는 다운로드 옵션이 있는지 확인하십시오. 파일은 축소를 포함하거나 포함하지 않고 사용할 수 있습니다.

2 단계

이제 포함 moment.js 내부 script태그를 지정하고 MomentJS로 작업을 시작하십시오. 이를 위해 아래 주어진 코드를 사용할 수 있습니다.

<script type = "text/JavaScript" src = " https://MomentJS.com/downloads/moment.js"></script>

여기에 더 나은 이해를위한 작업 예제와 출력이 있습니다.

<html>
   <head>
      <title>MomentJS - Working Example</title>
      <script type = "text/JavaScript" src = "https://MomentJS.com/downloads/moment.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 = "todaysdate"></div>
      <script type = "text/JavaScript">
         var a = moment().toString();
         document.getElementById("todaysdate").innerHTML = a;
      </script>
   </body>
</html>

산출

그만큼 moment-locale위의 스크린 샷에 표시된대로 다른 로케일에서 작동하는 파일도 사용할 수 있습니다. 이제 아래와 같이 스크립트 태그에 파일을 추가하고 선택한 다른 로케일로 작업하십시오. 이를 위해 아래 주어진 코드를 사용할 수 있습니다.

<script type="text/JavaScript" src="https://MomentJS.com/downloads/moment-with-locales.js"></script>

여기에 모멘트 로케일에 대한 작업 예제와 더 나은 이해를위한 출력이 있습니다.

<html>
   <head>
      <script type = "text/JavaScript" src ="https://MomentJS.com/downloads/moment-with-locales.js"></script>
   </head>
   <body>
      <h1>Moment Locale</h1>
      <div id = "datedisplay" style = "font-size:30px;"></div>
      <script type = "text/JavaScript">
         var a = moment.locale("fr");
         var c = moment().format("LLLL");
         document.getElementById("datedisplay").innerHTML = c;
      </script>
   </body>
</html>

산출

방법 2 : Node.js 사용

이 방법을 선택하는 경우 Node.jsnpm시스템에 설치됩니다. 다음 명령을 사용하여 MomentJS를 설치할 수 있습니다.

npm install moment

MomentJS가 성공적으로 설치되면 다음 출력을 관찰 할 수 있습니다.

이제 MomentJS가 Node.js와 잘 작동하는지 테스트하려면 test.js 파일을 만들고 다음 코드를 추가합니다.

var moment = require('moment');
var a = moment().toString();
console.log(a);

이제 명령 프롬프트에서 아래 스크린 샷에 표시된대로 명령 노드 test.js를 실행합니다.

이 명령은 다음에 대한 출력을 표시합니다. moment().toString().

방법 3 : Bower 사용

Bower는 MomentJS에 필요한 파일을 가져 오는 또 다른 방법입니다. Bower를 사용하여 MomentJS를 설치하려면 다음 명령을 사용할 수 있습니다.

bower install --save moment

아래 스크린 샷은 Bower를 사용한 MomentJS 설치를 보여줍니다.

MomentJS가 설치하기 위해 Bower에서로드 한 파일입니다. 설치된 순간과 로케일 파일은 아래 주어진 이미지에 표시됩니다.