Angular
-
[Angular] 디렉티브Angular 2023. 1. 18. 09:36
1. 디렉티브란 Angular 애플리케이션 안에 있는 엘리먼트에 어떤 동작을추가하는 클래스를 의미 한다. 2. 디렉티브의 종류 컴포넌트 템플릿이 존재하는 디렉티브이고 가장 많이 사용한다. 어트리뷰트 디렉티브 HTMl 엘리먼트, 어트리뷰트, 프로퍼티, 컴포넌트의 동작을 변경합니다. RouterModule이나 RormsModule과 같이 어트리뷰트 디렉티브를 제공하는 NgModule이 많은데 그중에서 자주 사용하는 것은 3가지가 있습니다. NgClass CSS클래스 여러 개를 엘리먼트에 동시에 추가하거나 제거할 수 있습니다. (클래스를 하나만 추가하거나 제거한다면 NgClass 보다 클래스 바인딩을 사용하는것이 더 좋습니다.) NgClass에 메서드 사용하기 1.메서드를 컴포넌트 클래스에 정의하기 curre..
-
[Angular] Lifecycle(생명 주기) hooksAngular 2023. 1. 17. 00:47
1. Lifecycle(생명주기) Angular가 구성 요소 클래스를 인스턴스화하고 하위 뷰와 함께 렌더링할 때 생명주기가 시작되며 Angular가 인스턴스를 삭제하고 렌더링된 템플릿을 Dom에서 제거 하면 그 주기 가 종료 됩니다. Lifecycle의 역할 생명주기가 계속 되는동안 Angular는 데이터 바인딩된 속성이 변경되는 시기를 확인하고 필요에 따라 뷰와 구성 요소를 업데이트 하는 역할을 합니다. 디렉티브도 Angular 실행 과정에서 인스턴스를 생성, 업데이트 및 파괴하므로 생명 주기가 비슷합니다. 다음 글을 디렉티브에 대한 내용을 쓰겠습니다. 2. Lifecycle 이벤트 시퀀스 애플리케이션이 생성자를 호출하여 구성 요소 또는 지시문을 인스턴스화한 후 Angular는 해당 인스턴스의 생명 주..