Angular 란?

👉앵귤러란?
TypeScript로 개발하는 플랫폼

👉플랫품으로서 앵귤러

• 확장 가능한 컴포넌트 구조로 웹 애플리케이션을 만드는 프레임워크
• 웹 개발에 필요한 라이브러리를 조화롭게 통합한 모음집 (라우팅, 폼관리, 클라이언트- 서버통신)
• 애플리케니션 개발, 빌드, 테스트, 수정에 필요한 개발자 도구 제공

👉사전지식

• HTML (뼈대)
• CSS (꾸미기)
• JAVASCRIPT (동작)

👉컴포넌트(Components)
컴포넌트 Angular애플리케이션을 구성하는 기본 빌딩 블록.
Anguler는 컴포넌트 아키텍처를 활용해서 개별 컴포넌트가 각자의 역할에 충실하게 구성된느 것을 지향.
-> 결과적으로 코드를 탄탄하게 유지 관리하면서 확장할 수 있는 구조를 제공

Angular 컴포넌트는 my-custom-name.component.ts 와 같이 보통 component접미사를 붙임

• 데코레이터에는 컴포넌트의 옵션을 지정합니다:
  템플릿에 컴포넌트를 어떤 이름으로 사용할지 selector로 정합니다.
• 브라우저에 렌더링할 HTML 템플릿은 template이나 templateUrl로 지정합니다.
  TypeScript 클래스는 컴포넌트의 동작을 정의합니다. 사용자가 입력한 내용을 처리하거나 상태를 관리하는 메소드 들을 정의할 수 있습니다.

// 📄 todo-list-item.component.ts
@Component({
  standalone: true,
  selector: 'todo-list-item',
  template: ` <li>(TODO) Read cup of coffee introduction</li> `,
  styles: ['li { color: papayawhip; }'],
})
export class TodoListItem {
  /* 컴포넌트의 동작은 여기에 정의합니다. */
}