[AngularJS 2.0] 개요 & 기초 추천 페이지

Angular.io 에서 제공하는 튜토리얼을 정리한 것입니다.

사진 클릭시 튜토리얼로 이동

목차

[AngularJS 2.0] 개요 & 기초 추천 페이지

[AngularJS 2.0] AngularJS 2.0 용어 

개요

Angular 2 는 우리가 HTML이나 Javascript뿐만아니라 다른 언어(Dart 나 TypeScript 같은)로 클라이언트 어플리케이션을 만드는걸 쉽게 도와주는 프레임워크이다.

Angular으로 Application을 생성하는 과정

●  Angular로 작성된 HTML Template 구성

●  Template을 관리해줄 Component 작성

●  Service에 어플리케이션 로직 추가

●  Bootstrapper에 컴포넌트 전달

앵귤러는 브라우저에 어플리케이션 내용을 보여주고 우리가 제공하는 지침에 따라 UI 응답을 수행한다.

Angular's Big Picture

추가설명

Angular 1.x에서 Controller,Scope, Directive Definition Object, $Scope, angular.module, jqLite가 사라짐

Angular 1.x의 Controller, Scope, Directive가 사라지고 Angular 2.0에서 Component가 그 역할을 대체

코드량을 줄이고 추상화를 높게 한다.

추천 페이지

[ Angular 처음부터 차근차근 ]

http://courseware.codeschool.com.s3.amazonaws.com/accelerating-through-angular-2/slides/CodeSchool-AcceleratingThroughAngular2.pdf

[Angular 2를 활용한 컴포넌트 중심의 개발]

http://www.slideshare.net/mrg7211/angular2-62010576

[ Spring MVC vs Angular MVC]

http://www.devcken.io/on-my-angular2-angular2neun-mvc-paeteoningayo/

[ Angular에서 Typescript를 쓰는 이유]

http://www.notforme.kr/

[ AngularJS 1.0 CRUD 따라하기/예제 ]

http://webframeworks.kr/getstarted/angularjs/

[ Quick Start 따라하기 ]

http://www.notforme.kr/archives/tag/typescript

[ learn angular2 ]

http://learnangular2.com/

[ Angular 특징 ]

https://angular.io/features.html

[ AngularJS 5분만에 끝내기]

http://blog.naver.com/love_junim/220641341132

[ Angular2.0 달라진 기능 ]

http://witinweb.com/post/114402573107/angularjs-20%EC%9D%98-%EC%83%88%EB%A1%9C%EC%9A%B4-%EA%B8%B0%EB%8A%A5

http://happygrammer.tistory.com/76

[ TypeScript ]

https://www.typescriptlang.org/docs/tutorial.html

http://visualize.tistory.com/442#comment14773292

http://tmondev.blog.me/220407880898

[Angular1 HTML 컴파일러]

http://mobicon.tistory.com/269

[Angular1 철학]

http://heiswed.tistory.com/entry/AngularJS-%EC%86%8C%EA%B0%9C

[Angular 2.0 browser support]

https://angular.io/docs/ts/latest/guide/browser-support.html