Angular에서 새 구성 요소 만들기

components와 Angular에서 구성 요소를 만드는 방법을 소개합니다.

Angular의 구성 요소

구성 요소는 Angular 애플리케이션의 빌딩 블록입니다. Angular 응용 프로그램은 여러 구성 요소 또는 Angular 구성 요소 트리로 구성되며 이러한 구성 요소는 템플릿 및 지시문의 하위 집합과 연결됩니다.

CLI에서 다음 명령을 사용하여 Angular에서 새 구성 요소를 쉽게 만들 수 있습니다.

# angular CLI
ng generate component OurNewComponent

또는 CLI에서 약식 명령을 사용할 수 있습니다.

# angular CLI
ng g c OurNewComponent

위의 명령은 OurNewComponent라는 새 구성 요소를 생성합니다. 이 구성 요소에는 구성 요소의 이름을 따서 명명된 4개의 파일과 1개의 폴더가 있습니다.

위의 명령을 사용하여 새 구성 요소를 만들 때 다음 파일이 생성됩니다.

1. OurNewComponent.component.ts 파일은 컴포넌트 파일입니다.
2. OurNewComponent.component.html 파일은 우리 컴포넌트의 템플릿 파일입니다.
3. OurNewComponent.component.css 파일은 우리 컴포넌트의 스타일시트 파일입니다.
4. OurNewComponent.component.spec.ts 파일은 구성 요소에 대한 테스트 사양 파일입니다.