328. (javaScript) [Numeral.js 라이브러리] 자바스크립트 Numeral 라이브러리 사용해 특정 포맷 형식 숫자로 변경 출력 수행

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : JavaScript

 

---

[소스 코드]

​

    <!-- ===================================================================================================== -->
    <!-- [CDN 주소 설정] -->
    <!-- ===================================================================================================== -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
    <!-- ===================================================================================================== -->






    <!-- ===================================================================================================== -->
    <!-- [자바스크립트 코드 지정] -->
    <!-- ===================================================================================================== -->
    <script>


        /*
        -----------------------------------------
        [요약 설명]
        -----------------------------------------
        1. numeral.js : 숫자 형식을 지정하고 조작하기 위한 자바스크립트 라이브러리입니다
        -----------------------------------------
        2. numeral.js 사용 시 숫자 형식 포맷 및 출력을 간단하게 할 수 있습니다  
        -----------------------------------------
        3. numeral.js 는 npm 을 통해 설치가 가능 하며, CDN 호출 방식으로도 사용하실 수 있습니다
        -----------------------------------------
        4. 참고 사이트 : 

        http://numeraljs.com/
        -----------------------------------------
        */



        // [html 최초 로드 및 이벤트 상시 대기 실시] 
        window.onload = async function() {
            console.log("");
            console.log("=========================================");
            console.log("[window onload] : [start]");
            console.log("=========================================");
            console.log(""); 


            // -------------------------------------------
            // [1] : numeral 인스턴스 생성 수행 
            // -------------------------------------------
            var one = numeral('1,000');
            var two = numeral(974);
            var three = numeral(0.12345);
            var four = numeral('$10,000.00');
            var five = numeral('-76%');
            var six = numeral('100B');
            var seven = numeral('3.467TB');


            // -------------------------------------------
            // [2] : value 사용해 숫자 형태로 변환 실시
            // -------------------------------------------
            console.log("");
            console.log("=========================================");
            console.log("[window onload] : [result]");
            console.log("--------------------------------------");
            console.log("[one] : " + one.value());
            console.log("--------------------------------------");
            console.log("[two] : " + two.value());
            console.log("--------------------------------------");
            console.log("[three] : " + three.value());
            console.log("--------------------------------------");
            console.log("[four] : " + four.value());
            console.log("--------------------------------------");
            console.log("[five] : " + five.value());
            console.log("--------------------------------------");
            console.log("[six] : " + six.value());
            console.log("--------------------------------------");
            console.log("[seven] : " + seven.value());
            console.log("=========================================");
            console.log(""); 

        }; 

        
    </script>

 

---

[결과 출력]

 

=========================================
[window onload] : [result]
--------------------------------------
[one] : 1000
--------------------------------------
[two] : 974
--------------------------------------
[three] : 0.12345
--------------------------------------
[four] : 10000
--------------------------------------
[five] : -0.76
--------------------------------------
[six] : 100
--------------------------------------
[seven] : 3467000000000
=========================================

---