angular가 무엇인지 간단하게 알려주는 ppt

1. ANGULAR

2. Angular란

3. Angular란
타입스크립트를 기반으로 한 오픈소스 프론트앤드 웹 앱 프래임워크
Google의 Angular 팀의 주도 하에 관리
AngularJS라는 흑역사를 가지고 있음
Angular

4. Angular란
Javascript를 기반으로 한 MVV 모델의 프레임워크
양방향 데이터 바인딩 지원
재사용성, 생산성에 혁신적인 발전
SPA(Single Page App), SEO(Search Engine Optimization)에 최적화
AngularJS

5. Angular란
양방향 데이터 바인딩의 고질적인 성능 문제
HTML 템플릿과 Javascript의 단단한 결합
AngularJS 문제점

6. Angular란
MVV 모델 -> MVC 모델
양방향 데이터 바인딩 -> 단방향 권장, 양방향 지원
속도 및 프래임워크 사이즈 개선
ALL NEW ANGULAR

7. Angular란
Typescript, Rxjs 등의 등장으로 인한 살인적인 러닝 커브
Angular 개발자들이 ReactJS로 넘어가는 계기
ALL NEW ANGULAR

8. Angular란
‘더 이상의 대격변은 없다.’는 Angular팀의 공식 멘트
17. 06. 22 기준 4.3.0-beta.0 배포 중
‘ReactJS는 중소규모, Angular는 대규모 프로젝트에 적합’이 통념으로 굳어감.
Angular 믿을만 할까?

9. 왜 Angular 인가

10. 왜 Angular 인가
Javascript의 최신 표준인 ECMA17의 기능을 모두 포함
Javascript에는 없는 자료형을 미리 표시할 수 있음
객체지향 프로그래밍(OOP)의 특징을 모두 가짐
Typescript

11. 왜 Angular 인가
Module를 기반으로 한 웹 어플리케이션 개발
구조적이고 재사용성이 높은 코드 작성 가능
Module

12. 왜 Angular 인가
Module

13. 왜 Angular 인가
Module
레고 블록을 쌓아 올리듯 조립식 개발 가능
Angular에서 기본적으로 제공하는 모듈에도 동일하게 적용됨

14. Angular의 미래

15. Angular의 미래 (희망편)
One framework. Mobile & desktop
Angular 하나로 데스크탑과 모바일 모두에서 쓸 수 있는 웹 작성 가능
Template와 logic의 완전한 분리로 인해 유지보수 용이
프래임워크 최적화를 통한 지속적인 성능 개선과 사이즈 개선
좋은 디버깅 툴, 테스팅 툴, 문서화 툴로 인한 추가 작업 축소

16. Angular의 미래 (절망편)
Not framework. Mobile & desktop
구글의 지원 중단으로 인한 오픈 소스 관리 소홀
대격변으로 인해 이전 버전에서의 전환이 어려움