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

▶angualrJS - ngFor 개념 뽀개기 이번에 살펴보려고하는 것은 angualr의 ngFor 개념이다. 대충이해하고서쓰려니 잘 안되기도하고, 금새까먹는다. *이 글은 기본적인 내용으로 시작해서 조금씩 더 내용을 추가하는 방식으로 만들어집니다. 많이 도와주세요 :) app.coponent.ts의 component부분의 코드이다. @Component({ selector: 'my-app', template: ` {{title}} Member {{hero}} ` }) 위 코드에서 주의깊게 볼 것은 'template'내의 태그 속 *ngfor영역이다. 이는 다양하게 쓸 수 있다. @Component({ selector: 'my-app', template: ` {{title}} Member {{hero}} ..

▶ AngularJS 2.0 :: 처음부터 시작하기 :: 1. 전체적인 구조 및 개념이 글에서는 AngularJS 2.0에 대한 개념에 대하여, 부족하지만 하나하나 세부적으로 살펴보려고한다. 이 글은 다음과 같이 구성되어 있다. AngularJS 2.0 전체적인 기술 개념 1. AngularJS란 무엇인가 2. 왜 AngularJS 인가 3. 왜 AngularJS 2 인가 4. AngularJS 2의 구조 4-2. (1) Component의 사전적 정의 4-2. (2) Angular JS 에서의 Component란? 1. AngularJS란 무엇인가서점에 책도 깔리고, 여기저기서 AngularJS 개발자를 찾는다. 도대체 AngularJS가 뭘까. - 기본적으로 AngularJS 2 는 자바스크립트 Fr..

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