--- "Categories": - |- Vue.js - |- JavaScript "Tags": - |- Vue.js - |- JavaScript "date": |- 2020-01-03 "title": "Vue.js \uCF54\uB529 \uACF5\uC791\uC18C" "type": |- book ---

        window.addEventListener(
          'load',
          function() {
            var cv = initCalc(document.getElementById('myCalc'));
            console.log(cv);
            cv.render();
          },
          false
        );
 
      }());
    </script>
  </body>
</html>

---

 

여기까지가 ES5 자바스크립트를 사용한 계산기입니다(나중에 이 책 뒷부분에서 좀 더 최신 버전의 자바스크립트인 ES6·2015를 사용하겠습니다). 즉시 호출되는 함수 표현을 이용하여 자바스크립트를 바로 실행하고 있습니다. 생성자로 값들을 저장하고, handleCalcEvent 이벤트 핸들러는 keyup이 사용될 때마다 호출합니다.