깜놀하는 해므찌로

ng generate component fontSizer 1. 위 명령문을 실행하여 새로운 컴포넌트를 생성합니다. app.component import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { fontSizePx = 16; } 2. 앱 컴포넌트에 fontSizePx 변수를 초기화 합니다. (전역 범위) app.component.html 앱 컴포넌트 폰트 사이즈 : {{fontSizePx}} 3. 앱 템플릿에 위 코드를 복붙합니다. size..

[] 프로퍼티 바인딩 문법 () 이벤트 바인딩 문법 두 개가 결합된 형태 [()] export class SizerComponent { @Input() size!: number | string; // 현재 컴포넌트 안으로 들어오는 데이터 @Output() sizeChange = new EventEmitter(); // 부모 컴포넌트로 데이터를 보내기 위해 dec() { this.resize(-1); } inc() { this.resize(+1); } resize(delta: number) { this.size = Math.min(40, Math.max(8, +this.size + delta)); this.sizeChange.emit(this.size); } } 1. Math.min() 함수는 주어진 숫자..