Overview of

Angular Framework

Woojin Joe

jwj0831@gmail.com

Goal

  • Frontend 전업을 목표 X
  • 최근 웹 애플리케이션 개발 흐름 파악
  • 웹 애플리케이션  개발을 조금 더 구조적으로

Content

  • Angular Framework
  • Angular를 두렵게 하는 것: 프론트엔드 개발환경
  • Angular 아키텍쳐와 원리 훑기
  • 실습 코드로 아키텍쳐 이해하기(Angular CLI)

Angular Framework

Angular is a framework

for building client applications

in HTML and

either JavaScript or a language like TypeScript that compiles to JavaScript.

Framework

TypeScript

https://github.com/not-for-me/til/blob/master/angular2/translations/writing_angular2_in_typescript.md

Client Application

  • https://angularspree.firebaseapp.com
  • http://akveo.com/ng2-admin/#/pages/dashboard
  • http://hswolff.github.io/hn-ng2/
  • https://github.com/presidential-innovation-fellows/code-gov-web
  • https://github.com/Rebilly/ReDoc

Angular를 두렵게 하는 것

프론트엔드 개발 환경

발표자료로...

Node.js / NPM

  • Why do we need to know about Node.js?

Browser

Node.js (V8)

Js codes

http://latentflip.com/loupe

Angular 아키텍쳐와 원리

실습코드로 아키텍처 이해하기

node --version
npm --version (yarn --version)

git clone https://github.com/not-for-me/hb-angular-first.git

git checkout 17f66ce

cd hb-angular-first/ch03/ng-welcome-msg-app

Overview of Angular Framework

By Woojin Joe

Overview of Angular Framework

  • 253