Learn Knockout.js – Introduction

MVVM은 뭐고 data-bind 프로퍼티는 난생 처음보고 뭔가 잘 모르겠다. 일단 강좌 사이트가 있으니 닥치고 따라하는거임 😆

observable – 보통 어떤 정보를 수정하는 페이지가 있다면 일단 입력, 수정 가능한 페이지를 보여주고 Form객체를 submit 한 뒤 서버에서 Insert/Update를 치고 다시 View 페이지로 돌아왔다. 헌데 이 메서드를 통해 View 페이지의 TextBox들과 바인딩시키면 굳이 어디 갈 필요 없이 TextBox일 경우 값이 바껴 Focus를 잃을때 자동으로 ViewModel의 프로퍼티들과 바뀐 값을 공유한다. 바뀐 값은 페이지내에서 data-bind로 묶인 element들에게도 동일하게 적용되어 바뀐값을 보여주기 위한 어떤 짓을 하지 않아도… 일단은 괜찮아 보인다.

문득… 옛생각이 난다. 동일한 값을 서로 다른 부분에서 보여줄때 jQuery로 뺑이쳤던 기억이… jQuery마저 없었다면 더 우울했겠지만 ㅎㅎ  Knockout을 썼다면 훨씬 좋았겠지 😎

computed – 이름이 과거형이라 뭔가 이상한데… observable한 변수들과 일련의 계산과정을 할 수 있다. 당연히 되겠지만 중간에 ajax 호출과 짬뽕한다면 뭐… 멋질거 같고. 한가지 이상하게 생각한게 프로퍼티를 부를때 왜 함수처럼 ()를 붙여주나 싶었는데 observable 값들을 가져오거나 넣을땐 이렇게 써야 한댄다. 자동으로 getter/setter를 만들어주는지 값을 넣을땐 그냥 프로퍼티이름(값) 으로 해결

5 step 으로 구성된 Knockout.js 첫번째 강좌는 이렇게 요점만 알려주고 끝이난다. 마지막에 멋진 문장을 보여주며 🙂

You don’t have to worry about which DOM elements need to be changed/added/removed – the framework can take care of synchronizing things for you.

http://learn.knockoutjs.com

%d bloggers like this: