CheolCheol Dev Note

Angular의 모듈(NgModule)은 관련이 있는 구성요소(컴포넌트, 디렉티브, 파이프, 서비스 등)를 하나의 단위로 묶는 메커니즘을 말한다. 다시 말해 모듈은 관련이 있는 구성요소들로 구성된 응집된 기능 블록으로 애플리케이션을 구성하는 하나의 단위를 말한다. 모듈은 다른 모듈과 결합할 수 있으며 Angular는 여러 모듈들을 조합하여 애플리케이션을 구성한다. @NgModule 데코레이터모듈은 @NgModule 데코레이터로 장식된 클래스이다. 중요한 property declarations - 이 모듈에서 사용하는 뷰 클래스를 정의한다. Angular에는 컴포넌트, 디렉티브, 파이프 세 종류의 뷰 클래스가 있다.imports - export로 공개된 클래스를 다른 컴포넌트 템플릿의 this 모듈에 선언..

Angular 에서jquery를사용할때$( ) 안에selector가안먹힐때있다.그럴경우$event로받아서사용하면jquery 가정상작동된다. angular를 사용하면서 진짜 다양한 변수들이 생기는데 그 중 어려운 것중에 하나가 jquery 적용같다. 밑의 경우는 버튼 클릭 시 jquery가 적용되는 경우다 1. jquery 2. angular

Angular를 사용하다가 jquery 및 JS 라이브러리를 사용해야할 때가 있다. 그럴 때 구글에 검색하면 여러가지 방법이 있지만 나는 여러가지를 사용해도 안되서 찾다가 결국 해결했다. 1. 일반적인 Angular에서 jquery 사용방법 1) npm에서 jquery 설치 npm install--savejquery && npm install -D @types/jqueryimport* as$ from 'jquery';사용할컴포넌트에 declare var $:any; 2) jquery cdn이나 file import 1. Angular cli를 이용해 프로젝트를 생성할 경우 index.html 에다가 추가 2. declare var$: any; 2. JS library 사용법 - spa (Single Pa..

angular는 컴포넌트 형식이라 모든 부분이 컴포넌트로 이루어져있다. 그런 컴포넌트 끼리 데이터를 주고받을 때 사용하는것이 Component Communication이다. 1. @ViewChild와 @ViewChildren 컴포넌트 템플릿에 배치된 자식요소(자식 컴포넌트, 디렉티브, 네이티브 DOM 요소)를 ViewChild라고 한다. 이름에서 알 수 있듯이 @ViewChild는 탐색 조건에 부합하는 1개의 요소를 취득할 수 있고, @ViewChildren는 탐색 조건에 부합하는 여러개의 요소를 한꺼번에 취득할 수 있다. @ViewChild(탐색대상 클래스명) 프로퍼티명: 탐색대상 클래스명; @ViewChildren(탐색대상 클래스명) 프로퍼티명: QueryList; 2. 변수값전달 (왼쪽부터) 1. ..

Angular에서 template에서 배열의 데이터를 표현하기 위해 사용하는 [ngFor] 라는 지시자(Directive)가 있다. Angular 공식 홈페이지에서 나오는 ngFor에 대한 설명은 다음과 같다. @Directive({ selector: '[ngFor][ngForOf]' }) class NgForOf implements DoCheck, OnChanges { constructor(_viewContainer: ViewContainerRef, _template: TemplateRef, _differs: IterableDiffers) ngForOf: NgIterable ngForTrackBy: TrackByFunction set ngForTemplate: TemplateRef ngOnChanges..