angular

 

 

주의 : material 패키지 구성이 이전과는 변경되었다.

angular v11로 실습하면서 사용법이 '앵귤러 첫걸음' 책과 달라 헤맸음.

 

기존	신규(v11)
import ~ from '@angular/material' 하나면 된다.	아래와 같이 각각 import 해야 한다. import { MatToolbarModule } from '@angular/material/toolbar'; import { MatSnackBarModule } from '@angular/material/snack-bar'; import {MatInputModule} from '@angular/material/input'; import { MatRadioModule } from '@angular/material/radio'; import { MatButtonModule } from '@angular/material/button';
모듈 이름은 Md 접두어로 시작 MdToolbarmodule	모듈 이름은 Mat 접두어로 시작 MatToolbarModule
tag는 md- 접두어로 시작 <md-toolbar	tag는 mat- 접두어로 시작 <mat-toolbar
md-input-container	mat-form-field
ViewEncapsulation.Native	ViewEncapsulation.ShadowDom

 

localhost 외에서 접근할 때는 아래와 같이 실행해야 한다.

ng serve --host=0.0.0.0 --disable-host-check

 

 

정정

예제 5-3

private readonly TIME_FORMATTER: string = "YYYY-MM-DD HH:mm:ss.SSS"; (X)

private readonly TIME_FORMATTER: string = "yyyy-MM-dd HH:mm:ss.SSS"; (O)

 

예제 5-5

import * as format from 'date-fns/format';  (X)

import format from 'date-fns/format';       (O)

 

Jasmine test

특정 .spec.ts 파일만 test하려면 describe를 fdescribe로 바꾼다.

하지만 시험대상에 import된 .ts 파일은 여전히 같이 test된다는 점을 유의할 것.

 

 

ViewEncapsulation.Native