자바스크립트[JavaScript]/앵귤러[Angular]
-
앵귤러[Angular] @auth0/angular-jwt 설치자바스크립트[JavaScript]/앵귤러[Angular] 2019. 6. 21. 01:47
※ 관련 정보 - https://www.npmjs.com/package/@auth0/angular-jwt @auth0/angular-jwt JSON Web Token helper library for Angular www.npmjs.com - GitHub URL : https://github.com/auth0/angular2-jwt auth0/angular2-jwt Helper library for handling JWTs in Angular 2+ apps - auth0/angular2-jwt github.com 1. npm 멸령어 실행 - npm install @auth0/angular-jwt 2. 최상위 모듈(AppModule) import import { } form''; export functio..
-
앵귤러[Angular] 부트스트랩[ngx-bootstrap] 설치자바스크립트[JavaScript]/앵귤러[Angular] 2019. 6. 21. 01:23
※ 관련 정보 - GitHub URL : https://github.com/valor-software/ngx-bootstrap valor-software/ngx-bootstrap Fast and reliable Bootstrap widgets in Angular. Contribute to valor-software/ngx-bootstrap development by creating an account on GitHub. github.com - DocumentAtion URL : https://valor-software.com/ngx-bootstrap/#/alerts Angular Bootstrap valor-software.com 1. 사전 조건 앵귤러CLI 설치 및 프로젝트 생성 2. npm 명령어 실..
-
앵귤러[Angular] CLI로 프로젝트 생성자바스크립트[JavaScript]/앵귤러[Angular] 2019. 6. 21. 01:00
캐시 삭제방법 - npm cache verify 1. CLI 설치 - npm install -g @angular/cli ※ 구버전 삭제방법 npm uninstall -g @angular/cli 2. 프로젝트 생성 - ng new 프로젝트명 - Would you like to add Angular routing? + yes - Which stylesheet format would you like to use? + css / scss / sass / less / stylus 중 선택 3. 프로젝트 실행 - ng serve 브라우저 url : http://localhost:4200/
-
앵귤러[Angular] 라이프사이클자바스크립트[JavaScript]/앵귤러[Angular] 2018. 6. 7. 15:44
- 생명주기 + 컴포넌트와 지시자는 생명주기를 가진다. (컴포넌트나 지시자가 생성되고 파괴될 때까지의 과정) ngOnInit() : 컴포넌트나 지시자가 생성될때 ngOnChanges() : 이벤트에 의해서 컴포넌트의 상태가 변경될시 ngOnChanges | ngDoCheck를 호출한다. ngDoCheck() : 컴포넌트의 상태 변경을 감지한 후에 항상 호출 ngAfterContentInit() : 외부 콘텐츠가 컴포넌트 뷰로 들어갈때ngAfterContentChecked() : ngAfterContentInit, ngAfterViewChecked 이후 바로 호출 되는 메서드로 뷰의 상태가 변경된 이후 처리할게 있을때 사용ngAfterViewInit() : 컴포넌트 뷰와 자식 뷰가 초기화될때ngAfterV..