-
Angular Component- Template, Data binding, Built-in directive
-
MVC & MVVC [참고]프론트엔드 웹애플리케이션 아키텍쳐 비교분석 : MVC와 MVVM()
____결정적 차이는 뷰의 추상화 기능에 있다. 기존의 Controller처럼 매번 뷰에 접근하지 않고, View를 추상화 한 ViewModel;VM과 뷰 간 Data Binding을 관리한다.
____MVC 아키텍쳐에서 단위테스트의 어려움이란, todoMVC의 전역 IIFE 함수와 render()함수 등이 항시 동반되어야만 부분적 기능 테스트가 가능했던 점에 빗대어 이해했다.
- HTML attribute vs. property [참고]Angular DOC
____Attribute는 DOM property를 initialize;초기화하는 역할만 담당한다. Attribute는 변경할 수 없지만, property는 가능하다. 특정 attribute는 그에 대응하는 property가 존재하지 않으며 반대의 경우 역시 마찬가지다. 또 같은 역할이지만 명칭이 다른 경우도 있다.(e.g. class, className)
____disabled attribute는 예외적이다. 버튼 요소는 기본적으로 활성상태이며, disable attribute를 추가하면(값 없이) 비활성화된다. 때문에 <button disabled="false"></button>라고 써도 버튼은 비활성화 상태가 된다. 이 때, Angular property binding을 통해 버튼의 disabled 프로퍼티를 관리할 수 있다.
- todoMVC Angular 프레임워크로 구현(탭기능, 서버통신 미구현)
- todos node collection, classLists를 사용해서 array 메소드를 보다 적극적으로 사용하도록 수정하기
- 장고 튜토리얼을 마무리하는대로, aws 무료서버로 옮겨보고 성공 시 장고로 todo 서버를 구축하고 aws에 db까지 하자는 원대한 포부는 과연...
- mlab에 있는 todoMVC 서버 google webserver로 이사하기