- Google IO Extended 2018 - Angular Features and New Things - https://medium.com/@lsh000124/angular-features-and-new-things-4c582041cd4b

1. Angular Features
and New Things
이상훈
2018

2. 자기소개
이상훈
Satreci Software Engineer
웹 서비스 개발 전반에 관심이 많습니다
마블, 사랑합니다

3. Angular가 무엇이고 언제 쓰일까?
프레임워크로써의 Angular.
버전 6가 릴리즈 되었습니다!
오늘 이야기 할 주제는?

4. SPA framework for component-driven
development with MVC pattern
Angular는..

5. SPA framework for component-driven
development with MVC pattern
Angular는..

6. Angular CLI
개발을 쉽고(automate) 빠르게(accelerate)!
ng new
ng generate
ng serve
ng build
ng test

7. Schematics

8. Schematics

9. Schematics

10. Schematics

13. Common Tasks
SPA를 위한 라우터 처리
입력 폼과 간편한 유효성 검증
Rxjs 기반 HTTP 통신
Router
Forms
HTTP
웹 프론트엔드 개발 = Common Tasks

14. Animations
Web Animation API 표준을 기반한 파워풀한 애니메이션 구현

15. internationalization
전 세계를 대상으로 하는 서비스라면..
컨텐츠에 대한 번역을 정의하고 쉽게 전환
XLIFF 표준 파일 형식 지원

16. i18n
전 세계를 대상으로 하는 서비스라면..
컨텐츠에 대한 번역을 정의하고 쉽게 전환
XLIFF 표준 파일 형식 지원

17. 더 나은 코드를 위해
Protractor & Karma

18. Angular Universal
서버사이드 렌더링
빠른 구동 속도
검색엔진에 최적화
사이트 미리보기

19. Angular Material & Component Dev Kit
머터리얼 디자인 개발을 간편하게
다양한 머터리얼 컴포넌트
CDK를 통한 더 나은 사용자 경험

20. CLI Router HTTP Forms Animations
i18n Testing Language
Service
Universal Material
& CDK

21. Angular 6 릴리즈

22. Angular 6 릴리즈
Stability + Innovation

23. Angular 6 릴리즈

24. Angular 7 베타 릴리즈

25. 주요 변경점

26. ng update <package>

27. ng update <package>

28. ng update <package>

29. ng update <package>

30. ng add <package>

31. Angular Material + CDK
ng generate @angular/material:material-nav --name=my-nav
ng generate @angular/material:material-dashboard --name=my-
dashboard
ng generate @angular/material:material-table --name=my-table

32. Angular Material + CDK
ng generate @angular/material:material-nav
--name=my-nav]
ng generate @angular/material:material-dashboard
--name=my-dashboard
ng generate @angular/material:material-table
--name=my-table

33. Tree Shaking을 지원하는 프로바이더
app.module.ts
my-service.ts

34. 하위 버전에서 6으로 업데이트하는 방법
update.angular.io
deprecated & removed
ng update

35. Ivy
차세대 랜더링 엔진
빌드 시간과 번들 사이즈를 줄이자
작고 빠르고 간단하게

36. Ivy
Tree Shaking
Code Splitting
Locality
Incremental Build

37. Reactjs?
No, Angular

38. 감사합니다
lsh000124@gmail.com
본 자료는 설명과 함께 다음 링크에서도 확인하실 수 있습니다.
https://medium.com/@lsh000124/angular-features-and-new-things-4c582041cd4b