export class AppComponent {
title: string = 'first-angular'; => property
=>method
getTitle(): string {
return this.title;}
}
클래스는 데이터를 정의하는 property 기능을 제공해주는 method들로 이루어진 객체를 만들수
잇는 구조로 이루어짐
export → 이 클래스를 응용 프로그램의 다른 구성요소에서 사용할수 있게 해 줍니다.
class → 키워드 다음에 클래스의 이름을 선언하여 클래스를 정의합니다.
>> 일반적 앵귤러 규칙은 각 구성 요소 클래스의 이름은 기능이름으로 지정한 다음 접미사로
컴포넌트라는 단어를 추가하는것입니다.
또한 일반적으로 애플리케이션의 루트 구성요소를 앱컴포넌트 라고 합니다.
클래스 이름은 컴포넌트가 코드에서 참조될때 컴포넌트 이름으로 사용 됩니다.
property는 클래스 와 연결된 데이터 요소를 정의합니다.
이름의 첫글자가 소문자인 카멜케이스 입니다.
이것은 데이터 타입입니다. 이 예에서 title의 타입은 string (문자열) 입니다.
선택적으로 property에 기본값을 할당함
method는 일반적으로 크
# < 오늘 추가할 항목>
- [ ] 리스트를 수정 할수 있는 버튼 만들기
- [ ] 수정할수 있게 하고 수정 완료 누르면 수정 된 리스트 보여주기
타입스크립트에만 존재하는 원시 타입도 있습니다.
- unknown
- never
- void
- any
### **Any / Unknown**
`any` 타입은 모든 데이터 타입을 허용할 때 사용합니다. 데이터 타입을 미리 알 수 없는 경우 사용할 수 있지만 불가피한 경우를 제외하고는 사용하지 않는것이 권장됩니다. 보통 자바스크립트 문법을 점진적으로 타입스크립트 문법으로 바꿀때 사용합니다.
`unknown` 타입은 타입스크립트 3.0부터 도입되었습니다. any 타입과 동일하게 모든 타입의 값을 허용하지만 엄격한 타입 체크를 요구합니다.
### **Void / Never**
`void` 타입은 null과 undefined만 값으로 가질 수 있는 타입입니다. 함수에서는 리턴값이 없을때 사용합니다.
메타데이터를 데코레이터 라고 함
데코레이터로 정ㅇ의된 메타 데이터를 통해 컴포넌트에 대한 추가 정보를 앵귤러에 제공하는 역할을 함
데코레이터란 클래스와 클래스 멤버 인수에 메타데이터를 추가해주는 함수 이다.
리스트의 배열이 위에서부터 내려와서
가장 오래된 것이 밑에 새로운 것이 위로 올수 있게 하고 싶어서
배열의 추가하는 것을 바꿈!!
전에는
this.todos.push(addedTodo);
→ todos 라는 배열 끝에 addedTodo 라는 변수의 값을 추가하는!
후에는
this.todos.unshift(addTodo);
→todos 라는 배열 맨 앞에 addedTodo 라는 변수의 값을 추가하는!
chan