렌더링 vs 컴포넌트 초기화

렌더링(Rendering)

• 렌더링은 데이터를 기반으로 화면에 UI를 생성하고 표시하는 과정을 의미한다.
• Angular 애플리케이션에서 컴포넌트의 템플릿이나 뷰가 화면에 나타나는 것을 렌더링이라고 한다.
• 사용자의 동작에 따라 데이터가 변경되면, Angular는 해당 변경을 감지하고 자동으로 UI를 갱신하여 새로운 정보를 반영한다.

컴포넌트 초기화 (Component Initialization)

• 컴포넌트 초기화는 Angular 컴포넌트가 생성되고 초기화되는 단계를 나타낸다.
• Angular에서는 컴포넌트의 라이프사이클을 통해 초기화 단계가 관리된다. 컴포넌트의 생성자(constructor)가 호출되고, 다양한 라이프사이클 훅(예:ngOnInit)이 순서대로 호출된다.
• 초기화 단계에서는 주로 컴포넌트가 필요한 초기 데이터를 가져오거나 초기화 작업을 수행한다.

컴포넌트 생성

Angular에서 컴포넌트의 생성은 메모리에서 해당 컴포넌트의 인스턴스를 만드는 것을 의미한다. 즉, JavaScript 객체를 생성하는 단계이다.

결론

렌더링은 화면에 UI를 표시하는 과정(데이터 다 받아옴)
컴포넌트 초기화는 Angular 컴포넌트의 라이프사이클에서 초기화 단계를 의미

Angular가 화면에 표시하는 과정

1. 컴포넌트 생성
2. 컴포넌트가 생성된 후, Angaulr는 해당 컴포넌트의 뷰를 생성하고 화면에 표시할 준비를 한다.
3. 뷰는 컴포넌트의 템플릿과 연결되어 사용자에게 표시될 내용을 정의한다.
4. 렌더링 프로세스 이용하여 화면 생성

렌더링 프로세스는 Angular가 데이터 바인딩과 디렉티브를 해석하고 이를 HTML로 변환하여 브라우저가 이해할 수 있는 DOM을 생성하는 과정이다.