앵귤러 간단 정리

앵귤러(Angular)프레임워크 -컴포넌트기반으로 개발, 트리구조의 계층을 가진다.

• 컴포넌트

-컴포넌트는(ES6, TypeScript) Class 이다.

 

-view에 노출할 값이나 이벤트 처리 로직 등을 이 클래스 안에서 작성한다.

 

-하나의 뷰를 관리하는 뷰의 1:1로 매칭되는 컨테이너와 같다.

 

-Angular App은 컴포넌트 트리를 반드시 갖는다.

 

-컴포넌트 트리의 최상위 루트, 컴포넌트를 관례적으로 AppComponent라 한다.

 

-View를 컴포넌트로 나누는 기준은 없다.
(재사용성, 페이지단위 등등 으로 나눌수있다.)

---

• @ 는 데코레이터

-데코레이터는 대상에 메타데이터 제공 및 Framework에게 정보를 주는 역할을 한다.
(자바에서 어노테이션이랑 동일하다고 보면된다.)

 

-@Component에는 많은 메타데이터가 들어간다.
(selector, template, templateUrl, ...)

---

• 템플릿(Template)

-View를 구성하는 Angular-style의 마크업

-View를 구성하기 위하여 Component와 짝을 이룬다.

-HTML을 포함한 Angular 에서 제공하는 다양한 연산자 및 syntax를 사용하여 View를 구성하는 코드를 작성한다.

---

• 데이터 바인딩

-뷰모델 또는 클래스에 상태를 저장해두면 알아서 프레임워크 또는 라이브러리가 대신해서 뷰를 갱신해준다