3. 파일 나누기, Component 나누기
지난 Angular 2 포스팅에서는 Directive에 대해 간단히 알아봤습니다. 지난번까지 작성한 소스는 app.component에 모든것을 다 넣은 형태였습니다. Hero 인터페이스 선언과 Hero 리스트 배열, 그리고 AppComponent가 한곳에 있으니 자연히 가독성이 떨어집니다. 이것을 이제부터 하나하나 나눠보겠습니다. 이번에도 역시나 npm start와 함께 시작합니다. 가장 먼저 제일 쉬운 Hero 인터페이스를 밖으로 빼내어 보겠습니다. 새로 hero.ts를 생성하고, app.component.ts에 있던 Hero 인터페이스 정의 부분을 빼냅니다.export class Hero { id: number; name: string; } 위와 같이 별도 파일로 빼내면 import를 시켜줘야 app..
Javascript/Angular
2016. 6. 15. 22:18
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 유아동겸용
- test static import
- CURL
- rest login
- spring security
- mockmvc
- insert sort
- mybatis
- 타보유모차
- 어드보케이트
- Spring Boot
- routing
- 거품정렬
- angular
- router-outlet
- 머지소트
- 빠른 정렬
- styleUrls
- 알고리즘
- routerLink
- TypeScript
- 기내반입유모차
- routeParams
- Ajax
- RouteConfig
- controller test
- templateUrl
- 티지유모차
- angular2
- angular 2
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함