Angular2 공식 사이트 가이드 링크 - nkiateam/angular-tutorial GitHub Wiki

다음 가이드는 https://angular.io/docs/ts/latest/guide/ 를 참고하였습니다. 학습방법 외 각 세부항목은 제목을 클릭하시면 됩니다.

Guide

Architecture 의 내용을 참조하여 큰 그림을 그린다.
QuickStart를 사용해본다. QuickStart는 Angular로 "Hello, World" 출력해보는 것이다. 이것을 통해 당신은 Angular app 을 작성하는데 필요한 라이브러리와 도구를 어떻게 설정하는지 확인할 수 있다.
QuickStart를 끝까지 살펴보고, Tutorial의 Tour of Heroes를 실행하여 간단한 data-driven 앱을 빌드 해 본다. 이 앱은 응용프로그램의 분별있는 프로젝트 구조, 데이터 바인딩, master/detail, 서비스, 디펜던시 인젝션, 네비게이션, 원격 데이터 접근등의 핵심적인 속성들을 보여준다.
Displaying Data은 화면에 정보를 표시하는 방법에 대해 설명합니다.
User Input은 사용자의 행동을 Angular가 어떻게 처리하는지에 대하여 알 수 있습니다.
Form은 UI내의 사용자의 데이터 입력과 Validation을 체크 합니다.
Dependency Injection은 단일이거나 작은 부분부터 핵심적이거나 큰 어플리케이션을 구축 할 수 있는 방법에 대하여 알 수 있습니다.
Template Syntaxs 는 Angular의 template HTML에 대하여 포괄적인 학습 방법 입니다.

위의 각 항목을 학습한 후 다른 페이지의 내용을 추가로 학습하길 권장합니다.

각 페이지는 응용 프로그램에서 다시 사용할 수 있는 코드들이 포함되어 있습니다. 이러한 샘플 어플리케이션은 미리 보기 페이지를 통하여 제공합니다.

각 페이지의 상단에 해당 샘플 코드들의 실행 버전에 대한 링크는 Architecture페이지의 live example를 통해 확인바랍니다. 링크는 브라우저 기반의 삽입, 수정, 저장, 다운로드를 할 수 있는 코드 Editor를 제공합니다.

몇몇의 초기에 만들어진 페이지는 튜토리얼로 작성되어있고 명확하게 표시됩니다. 그 외에 나머지 페이지는 코드에서 요점을 강조하기보다는 샘플을 빌드하는 데 필요한 각 단계를 설명합니다. 라이브 링크를 통해 전체 소스를 얻도록 하십시오.

Cheat Sheet는 공통 시나리오에 대한 Angular의 구문입니다. Glossary는 Angular 개발자가 알고 있어야할 용어들을 정의합니다. API Reference는 Angular 라이브러리의 모든 항목들을 살펴 볼 수 있습니다.