Enjoy Programming

시작하기 전에 npm start를 띄어놓고 시작합니다. Anguar 2 시작하기에서 봤듯이 저렇게 해놓으면 TypeScript 코드가 변경되면 자동으로 re-compile해서 화면에 뿌려줍니다. 그러면 코딩을 시작해봅시다. 1. 우선 app.component.ts 를 아래와 같이 수정합니다.import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: '{{title}}{{hero}} details!' }) export class AppComponent { title = 'Tour of Heroes'; hero = 'windstorm'; } . 클래스에 title과 hero 변수를 선언하고 값을 할당합니다. . t..

요새 많은 프론트엔드 프레임워크들이 있습니다. 아무래도 요새 대세로 떠오르는건 react가 아닐까 합니다. facebook에서 후원하는 react는 component 베이스의 프레임워크로 최근 급격히 떠오르는것 같습니다. 그래서 Angular 2가 얼마나 뜰지는 아직 모르겠습니다. 구글에서 후원하고 TypeScript를 주 언어로 사용함으로써 보다 Java 개발자에게 친숙히 다가갈 수 있는것 같아서 저는 공부해보려고 합니다. Angular 1이 인기가 많았으니 2도 기대를 조금은 해봅니다. 얼마전까지는 beta 버전이었는데, 이번에 rc 버전이 나옴으로 인해 포스팅을 해보려 합니다. 설명을 장황하게 하는것은 저랑은 맞지 않아서 바로 시작해보겠습니다. 아래는 angular.io의 getting starte..