Angular 컴포넌트 구조

src/app 폴더에는 프로젝트 생성 시 자동으로 생성된 기본 컴포넌트가 위치합니다. 이 컴포넌트는 다음과 같은 파일 구조를 가집니다:

app.component.html 파일에는 컴포넌트의 마크업이 위치합니다.

app.component.css 파일에는 컴포넌트의 스타일이 위치합니다. 단, 파일 확장자는 프로젝트 생성 시의 설정에 따라 달라질 수 있습니다.

app.component.ts 파일에는 컴포넌트의 기능을 위해 작성할 TypeScript 코드가 위치합니다.

이 파일들을 다루는 방법에 대해서는 다음 강의에서 자세히 살펴보겠습니다.