깜놀하는 해므찌로

1. 버튼 템플릿에는 버튼 태그가 1개 뿐이다. 2. 부모 템플릿에서 버튼 셀렉터를 두번 호출한다. 3. 추가로 색상을 지정받기 위해 버튼 컴포넌트 내부에 @Input() 데코레이터 사용

1. 부모 템플릿에서 자식 셀렉터 태그에 바로 (click) 이벤트 함수를 달 수 있다.

import { Component, OnInit, Input } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; @Component({ selector: 'app-button', templateUrl: './button.component.html', styleUrls: ['./button.component.scss'], standalone: true, imports: [CommonModule, RouterModule], }) export class ButtonComponent implements OnInit { @Input() type?: 'f..