ANgularJS 2.0+

[AngularJS 2.0] AngularJS 2.0 Tutorial 흐름

k9e4h 2016. 8. 5. 16:54


목차





프로젝트 분석 흐름

이 순서대로 따라가며 보면 편할 듯하다. 


프로젝트 필요하신 분은 깃헙 (https://github.com/eunhyekimkeh/angularjs2_tutorial) 또는 댓글주세요!


깃헙에 파일 제대로 올라가있는지 모르겠음

앞 내용들의 추가 내용

template : 뷰 역할

component : 뷰&모델의 상태 관리

service : 비즈니스 로직

import 하면 directive를 해줌

provider : 서비스들 inject

pipe : 다국어 처리할 때 도 같은 것, 시스템에가서 설정에 맞게 값을 반환 (@angular/common)

browser-pipe.ts : 미리 올려 놓는 것?

any ofen : 0.0.0.0 으로 IP 잡기


routes.ts 는 동기방식

path : 실제 url

canActivite : 로그인 안되어 있으면 로그인 페이지로


required(~~~)는 비동기 방식


constructor에서 DI


 jQuery에 비해 Angular 2 방식이 독립적인 컴포넌트 방식으로 개발, 재사용 용이, 컴포넌트별 독립적인 테스트가 가능하기 때문에 기능개선, 유지보수에 좋다. (작은 예제에서는 코드량도 늘고, 파일 개수도 늘지만; )


 bootstrap()을 통해 응용 프로그램의 루트 컴포넌트로 사용할 구성 요소를 명시적으로 하여 앵귤러를 인스턴스화 한다.


 Application은 전형적인 index.html을 기존 브라우저 DOM 내부에 부트스트랩한다. 앵귤러2는 앵귤러1과 달리 index.html에 provider를 compile/process 하지 않는다. 이것은 index.html을 provider 같은 Server-side 기술을 이용하여 안전하게 처리할 수 있다는 것을 말한다. 또한 충돌 없이 double-curly {{ syntax }}를 사용할 수 있다.



※개발 팁


변수 선언할때 말고 init()에서 초기화

날짜는 String으로 DB에 넣는거 별로이다. Date Type으로 DB에 넣어야지 가공하기가 쉬움.


반응형

'ANgularJS 2.0+' 카테고리의 다른 글

observable 관련 (수정중)  (0) 2016.09.06
ng2-translate 2.2.2  (0) 2016.08.25
TypeScript  (0) 2016.08.03
[AngularJS 2.0] App Lifecycle  (0) 2016.08.03
[AngularJS 2.0] Angular 용어 정리  (0) 2016.07.28