[자바스크립트]Data Binding이란?

웹페이지를 구현할 때 서버에서 변경된 데이터를 실시간으로 프론트엔드에 반영되는 것은 매우 중요합니다. 이것을 가능하게 해주는 것이 data binding이라는 개념입니다. 

 데이터 바인딩은 MVC 구조를 가집니다. Controller를 통해 Model(데이터)의 변화를 바로바로 View에 반영하는 구조인데 Ember.js, AngularJS 등과 같은 프레임 워크에서 이 기능을 제공합니다. (Dirty Checking)

 그러나 HTML5부터 Object.observe()라는  메소드를 이용해 더욱 효과적인 데이터 바인딩을 구현할 수 있다고 합니다.(Dirty Checking보다 성능적 향상이 있는 듯...) 하지만 Object.observer()는 브라우저의 제한이 있는데 현재는 크롬36이상에서만 가능하다고 합니다.

(참고 : http://html5rocksko.blogspot.kr/2014/05/data-binding-revolutions-with-object-observe.html) 

구현은 http://www.lucaongaro.eu/blog/2012/12/02/easy-two-way-data-binding-in-javascript/ 를 참고해주세요 :D