SlideShare a Scribd company logo
Angular Features
and New Things
이상훈
2018
자기소개
이상훈
Satreci Software Engineer
웹 서비스 개발 전반에 관심이 많습니다
마블, 사랑합니다
Angular가 무엇이고 언제 쓰일까?
프레임워크로써의 Angular.
버전 6가 릴리즈 되었습니다!
오늘 이야기 할 주제는?
SPA framework for component-driven
development with MVC pattern
Angular는..
SPA framework for component-driven
development with MVC pattern
Angular는..
Angular CLI
개발을 쉽고(automate) 빠르게(accelerate)!
ng new
ng generate
ng serve
ng build
ng test
Schematics
Schematics
Schematics
Schematics
Angular Features and New Things
Angular Features and New Things
Common Tasks
SPA를 위한 라우터 처리
입력 폼과 간편한 유효성 검증
Rxjs 기반 HTTP 통신
Router
Forms
HTTP
웹 프론트엔드 개발 = Common Tasks
Animations
Web Animation API 표준을 기반한 파워풀한 애니메이션 구현
internationalization
전 세계를 대상으로 하는 서비스라면..
컨텐츠에 대한 번역을 정의하고 쉽게 전환
XLIFF 표준 파일 형식 지원
i18n
전 세계를 대상으로 하는 서비스라면..
컨텐츠에 대한 번역을 정의하고 쉽게 전환
XLIFF 표준 파일 형식 지원
더 나은 코드를 위해
Protractor & Karma
Angular Universal
서버사이드 렌더링
빠른 구동 속도
검색엔진에 최적화
사이트 미리보기
Angular Material & Component Dev Kit
머터리얼 디자인 개발을 간편하게
다양한 머터리얼 컴포넌트
CDK를 통한 더 나은 사용자 경험
CLI Router HTTP Forms Animations
i18n Testing Language
Service
Universal Material
& CDK
Angular 6 릴리즈
Angular 6 릴리즈
Stability + Innovation
Angular 6 릴리즈
Angular 7 베타 릴리즈
주요 변경점
ng update <package>
ng update <package>
ng update <package>
ng update <package>
ng add <package>
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
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
Tree Shaking을 지원하는 프로바이더
app.module.ts
my-service.ts
하위 버전에서 6으로 업데이트하는 방법
update.angular.io
deprecated & removed
ng update
Ivy
차세대 랜더링 엔진
빌드 시간과 번들 사이즈를 줄이자
작고 빠르고 간단하게
Ivy
Tree Shaking
Code Splitting
Locality
Incremental Build
Reactjs?
No, Angular
감사합니다
lsh000124@gmail.com
본 자료는 설명과 함께 다음 링크에서도 확인하실 수 있습니다.
https://medium.com/@lsh000124/angular-features-and-new-things-4c582041cd4b

More Related Content

PDF
Angular CodeLab 두번째
PDF
About Programmer 2021
PDF
(알도개) APEX 사례로 보는 Low Code
PPTX
angular 세미나
PPTX
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기
PPTX
Angular 살짝 해보고 발표.
PDF
웹개발자 김영환 기술경력서 & 자기소개서
PDF
Angular는 사실 어렵지 않습니다.
Angular CodeLab 두번째
About Programmer 2021
(알도개) APEX 사례로 보는 Low Code
angular 세미나
MVC, MVVM, ReactorKit, VIPER를 거쳐 RIB 정착기
Angular 살짝 해보고 발표.
웹개발자 김영환 기술경력서 & 자기소개서
Angular는 사실 어렵지 않습니다.

What's hot (6)

PPTX
The Future of C# and .NET Framework
PDF
iOS Modular Architecture with Tuist
PDF
Travis CI 에서 CodeBuild 로
PDF
오픈 API 서비스 A to Z: Daum API를 중심으로 (윤석찬, Daum) :: API Meetup 2014
PPTX
Java calendar project(gui)(swing window)(androidapp)
PDF
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
The Future of C# and .NET Framework
iOS Modular Architecture with Tuist
Travis CI 에서 CodeBuild 로
오픈 API 서비스 A to Z: Daum API를 중심으로 (윤석찬, Daum) :: API Meetup 2014
Java calendar project(gui)(swing window)(androidapp)
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
Ad

Similar to Angular Features and New Things (15)

PPTX
Angular 기본 개념 잡기
PPTX
Angular, What is SinglePageApplication
PDF
Angular Seminar [한빛미디어 리얼타임 세미나]
PDF
앵귤러 첫걸음(Angular for beginers)
PDF
[Td 2015]각이 다른 mvc6! 그 여섯 번째 이야기!(최지훈)
PDF
최근 Javascript framework 조사
PDF
2017. 프론트엔드 트랜드
PDF
목적에 맞게 Angular, React, Vue
PPTX
Angular2를 활용한 컴포넌트 중심의 개발
PDF
Angularjs 도입 선택 가이드
PDF
Front end dev 2016 & beyond
PPTX
Angular2 톺아보기
PDF
다시보는 Angular js
PDF
AngularJS 2, version 1 and ReactJS
PPTX
ECMAScript 6의 새로운 것들!
Angular 기본 개념 잡기
Angular, What is SinglePageApplication
Angular Seminar [한빛미디어 리얼타임 세미나]
앵귤러 첫걸음(Angular for beginers)
[Td 2015]각이 다른 mvc6! 그 여섯 번째 이야기!(최지훈)
최근 Javascript framework 조사
2017. 프론트엔드 트랜드
목적에 맞게 Angular, React, Vue
Angular2를 활용한 컴포넌트 중심의 개발
Angularjs 도입 선택 가이드
Front end dev 2016 & beyond
Angular2 톺아보기
다시보는 Angular js
AngularJS 2, version 1 and ReactJS
ECMAScript 6의 새로운 것들!
Ad

More from SangHun Lee (20)

PDF
PWA 파헤치기
PDF
Angular Library
PDF
Angular CodeLab 첫번째
PDF
Angular Popular Tools
PDF
Chrome 69 updates
PDF
Angular Component Interaction
PDF
Chrome 68 updates
PDF
Reactive Programming with Rxjs
PPTX
SSG광고의 오마주_에드워드 호퍼
PDF
[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기
PDF
Ror 4주차(루비맛보기, form 태그)
PDF
Ror 2주차(컨트롤러 생성)
PDF
루비온레일즈_01_간단한 정적인 홈페이지 제작
PDF
Basic of web ref.웹을지탱하는기술_02
PDF
Eclipse gef
PDF
Gef 정리
PDF
Eclipse rcp 정리(enabled when, contextmenu)
PDF
2015.07.01
PDF
Basic of web ref.웹을지탱하는기술_01
PDF
Html5 video
PWA 파헤치기
Angular Library
Angular CodeLab 첫번째
Angular Popular Tools
Chrome 69 updates
Angular Component Interaction
Chrome 68 updates
Reactive Programming with Rxjs
SSG광고의 오마주_에드워드 호퍼
[IOS말고 Android] Inflation을 이용하여 부분 Activity 띄우기
Ror 4주차(루비맛보기, form 태그)
Ror 2주차(컨트롤러 생성)
루비온레일즈_01_간단한 정적인 홈페이지 제작
Basic of web ref.웹을지탱하는기술_02
Eclipse gef
Gef 정리
Eclipse rcp 정리(enabled when, contextmenu)
2015.07.01
Basic of web ref.웹을지탱하는기술_01
Html5 video

Angular Features and New Things