@Input @Output

todos 복기

keyup.enter($evnet) = 이벤트 객체 전송

keyup.enter(input) #input 템플릿참조변수

addtodo(e)

{e.value} = undefined

{e.target.value} 해줘야함

this.todos.map(todo => todo.id)

todo를 받아서, 순회를 하면서 , todo.id 프로퍼티만 담은 '배열'을 만들겠다

max:가변인자함수 (내부에서 아규먼트들을 본다)

Math.max.apply(null, this.todos.map(todo => todo.id))

apply는 apply앞에 있는 '함수를 호출한다' (1번일), 2번째 인수로 전달한 함수를 , apply앞에 있는 함수의 this에 argument를 전달한다 (2번일)

this.todos.length ? Math.max(...this.todos.map(todo => todo.id))+1 : 1;

(삼항연산자의 조건 =불리언 값이 와야됨) , 맞으면 앞, 틀리면 뒤

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

input ouput

모든 데코레이터는 파스칼케이스

(click)="" 문을 쓰는자리

인스턴스를 하나만 만드는 것 : 싱글톤

리액트 : state 객체 vs angular (DataService)

getter

obj = {}

_a:1

get a(){

return a + 1000;

}

obj.a