Page 18 -

elem.value
);
break;
case calc.yInput: 1
newValues =
lastValues.copyWith( Vue.js 소개
Calc.yName,
elem.value
);
break;
}

if (newValues != = lastValues) {
lastValues = newValues;
lastValues.render();
}
};

elem.addEventListener('keyup', handleCalcEvent, false); keyup에 대한 이벤트
리스너를 설정합니다.
return lastValues;
}

window.addEventListener(
'load',
function() {
var cv = initCalc(document.getElementById('myCalc'));
console.log(cv);
cv.render();
},
false
);

}());
</script>
</body>
</html>

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

029

Vue.js 코딩 공작소(본문)최종.indd 29 2019-09-07 오후 8:43:25