Old/old-Angularjs2

5. Angularjs 2.0 Overview

양디 2016. 1. 26. 18:36




Angular js 2.0 살펴보기


Angular.JS 2.0 의 전체 흐름과 구성을 알게 된다면, 세부적인 부분에 대한 이해에 큰 도움이 될 것이다.


게다가 아직 세부 모듈들에 대한 설명이 전무(핵심 모듈들만 아주 약간 정보가 제공된다) 한 상황에서, 전체적인 흐름을 익히고 있는 것도 좋을 듯 하다.


그림은 앵귤러 2.0 정식 홈페이지에서 가져왔다.





어떻게 이해해야 할까


천천히 이해하는 것이 좋겠다.

요소 하나 하나를 따로 포스팅하면서 공부해 갈 계획이다.

위의 그림만으로도 각각의 역할이 어느 정도는 이해가 된다.

기존의 일반 자바스크립트와 html에서는, 양방향 바인딩이 쉽지 않았다.

html을 불러오고, 이를 DOM을 통하여 property를 바꾸는 것은 간단한 javascript로 가능하지만,

반대의 경우에는 보통 페이지 리로드가 필요한 경우가 대부분이었다.

이를 앵귤러는 하나의 페이지에서 모든 것을 해결할 수 있도록 지원해줌으로써 

SPA (Single Page Application) 을 만들 수 있게 해주는 듯 하다.

하나의 페이지에서 모든 기능을 소화해낼 수 있다면, Socket.io 와의 조합도 괜찮아 보인다.

페이지를 이동할 때마다 disconnect되고 다시 connect 되는 socket.io 는 제 성능을 끌어내지 못하기 때문이다.

계속 공부 해보자 !






댓글