시각화를 배우고 정리합니다

▶[Angular Guide] 2. Architecture - (2) Component 이 글에서는 [Angular Guide] Architecture 의 여덟 항목 중 Component에 대한 내용을 정리하고자 한다. Component Component는 'view'라고 불리는 화면 중 일부분을 컨트롤하는 역할을 한다. 예를들어, 다음과 같은 view 들이 component에 의해 컨트롤되는 것들이다.The app root with the navigation links.The list of heroes.The hero editor. 사용자가 화면을 통해서 보게될 'view' 영역을 컨트롤하는 것이 Component 라고 했을때. 사실, Application에서의 Component의 기능과 역할은 아래의..

▶[Angular Guide] 2. Architecture - (1) modules이 문서는 Angular.io에서 제공하는 DOC중, Guide - Architecture 부분에 대해 차근차근 정리하며 이해하고자 작성하였습니다. 글의 내용중 정확하지 않은 표현이나, 오류가 있다면, 댓글 또는 방명록을 통해 의견을 남겨주세요. MoudulesAngularApplication은 modular이며, 이 Angular는 자체적으로 NgModules 또는 Angular Module이라는 이름의 모듈시스템(Module System)을 가지고있다. 모듈(Module)의 사전적 정의 하나로 일괄되어 다른 프로그램으로도 재이용(reusable)할 수 있는 형으로 되어있는 것을 말하며, 복수의 모듈을 취급하기 쉽도록 하..

[AngularJS 2.0] #기초 :: *ngFor 이해하기이번 글에서는, AngularJS 기초 개념 중 *ngFor에 대해서 공식페이지에서 제공하는 내용을 바탕으로 살펴보려고 한다. ＿ *ngFor 를 활용하여 배열의 속성을 보여주기 [Showing an array property with *ngFor] - 목적 또는 상황 : 한 명의 hero 정보가 아닌, 여러 hero 의 정보가 배열 형태로 담겨있는 hero list 의 내용을 화면에 표현하고자 한다. (예제 작성을 위해서) 임의의 hero name이 들어있는 배열을 Component 에 추가한다. 임의의 heroes 이름이 들어있는 배열의위치는 myHero 의 바로 위 이며, myHero 도 hero 이름 배열의 첫 번째 원소로 지정 해준다...