이번 포스트에서는 Vue.js 등 프론트엔드 프레임워크 들에서 반응성을 위해 사용하는 Proxy에 대해서 살펴보자. 반응성이란? 반응성(Reactivity)반응성이란 선언적인 방식으로 어떤 값에 대한 변경에 대한 제어를 수행하는 프로그래밍 방식을 말한다.예를 들어 다음과 같은 엑셀을 생각해보자.A와 B에는 각각 10, 20이 할당되어 있다. Sum에는 이들의 합을 저장하도록 선언되어있으므로 30이 저장된다. 이 상황에서 A의 값을 20으로 변경하면 Sum은 자동으로 계산 결과를 수정해서 40으로 변경된다. 이것이 바로 반응성이다. JavaScript의 반응성하지만 우리의 일반적인 프로그램은 반응성을 갖지 못한다.const nums = { A: 10, B: 20 };let sum = nums.A + num..

반응성이란 데이터가 변경되었을 때 이를 감지하고 이에 반응하여 부가적인 동작을 수행하기 위한 성질이다.예를 들어 위와 같이 excel 수식을 작성한 후 A를 20으로 변경하면 이에 반응하여 Sum이 40으로 변경된다. 즉 데이터를 변경하면 화면이 변경되는 것이다. Vue는 이런 반응성 구현을 위해 Proxy API를 사용한다.https://goodteacher.tistory.com/524 [es2015]Proxy이번 포스트에서는 Vue.js등 프론트엔드 프레임워크 들에서 반응성을 위해 사용하는 Proxy에 대해서 살펴보자. 반응성이란? 반응성(Reactivity) 반응성이란 선언적인 방식으로 어떤 값에 대한 변경에goodteacher.tistory.com 이번 포스트에서는 반응성을 위한 ref와 reac..