Angular의 컴포넌트 접근법 소개

사이트가 있다고 가정해 봅시다. 이 사이트에서 우리는 일부 블록을 구분할 수 있습니다: 헤더, 콘텐츠, 사이드바, 푸터 등. 각 블록은 더 작은 하위 블록으로 나눌 수 있습니다. 예를 들어 헤더에는 일반적으로 로고, 메뉴, 연락처 블록 등을 구분할 수 있습니다.

Angular에서 각각의 이러한 블록을 컴포넌트라고 부릅니다. 각 컴포넌트는 그 안에 더 작은 컴포넌트들을 포함할 수 있으며, 그 컴포넌트들은 다시 더 작은 컴포넌트들을 포함할 수 있고, 이런 식으로 계속될 수 있습니다.

Angular의 각 컴포넌트는 src 폴더에 위치한 파일들이 있는 폴더에 대응됩니다.

컴포넌트 중 하나는 메인이 되어야 합니다 - 다른 컴포넌트들이 추가되는 컴포넌트여야 합니다. Angular에서 기본적으로 이러한 컴포넌트는 App 컴포넌트입니다. 이 컴포넌트에 다른 컴포넌트들이 연결될 것입니다. 이것이 어떻게 이루어지는지는 추후 자습서에서 살펴보겠습니다.