[230420] 데이터 추상화, Angular 라이프사이클

중복된 코드가 너무 많다. 예쁘게 함수로 만들고 중복 없이 사용하고 싶은데, 아직 코드가 너무 중구난방이라 어렵다.

오늘 목표: 다른 페이지 다 정리해서 PR 올리기, 서비스 상속 알아보기

서비스 부분 강의 다시 들어야겠다. 아니면 다른 방법 있는지 좀 더 알아봐야겠다.

기능 제대로 확인 안하고 머지해버렸다! 이게 말이 되냐고,,,

정신차리자

추상화된 데이터모델 T에 무조건 test라는 속성은 있었으면 좋겠다면?

export interface Selected {

  selected: boolean

}



export interface T extends Selected {

  // ***** 요소 추가

}

근데 T가 정해지지 않은 추상화인데,,, 저러면 그냥 인터페이스를 만드는거 아닌가? 다시 찾아봐야겠다.

---

ngDoCheck() 는 모든 이벤트, 즉 input 하나하나 할때도 실행되어서 비효율적일 수 있음

ngOnChanges() 는 @Input() 으로 바인딩 된 변수가 변경될 때마다 실행됨.

컴포넌트가 처음 생성될때ngOnInit() 보다 먼저 실행됨.

코드 컨벤션 : Output으로 바인딩 하는, emit하는 함수는 on을 붙이지 않고 , 그 함수로 실행되는 함수는 on을 붙이기

ex) (click)='onClick()'

(search)='onSearch()'