Angular

낙서·2022년 4월 18일
0

Study Note

목록 보기
3/6

[강연 정리] FEConf Korea 2019 - [Track 1-7] 한장현 - Angular는 사실 어렵지 않습니다

https://www.youtube.com/watch?v=A1mMksgrEU8

요약

  • AngularJS 와 Angular는 다르다. 버전 1(v1.x.x)은 AngularJS라고 부르고 버전 2(+v2.x.x)부터는 Angular라고 부른다.
  • AngularJS는 JavaScript 기반 Angular는 TypeScript 기반이다.
  • AngularJS는 양방향 바인딩이었지만 성능 문제가 있었어서 Angular v2.0.0부터 단방향 바인딩으로 바뀌었다. 양방향 바인딩을 할 수는 있지만 꼭 필요한 경우에만 사용한다.
  • 성능이 생각보다 괜찮은 편이다.
  • Angular 프로젝트 빌드 결과물 용량이 다른 프레임워크와 비교해 상대적으로 큰 편이다.
  • 웹 표준을 준수한다. Web Component를 작성 할 때 템플릿은 HTML, 스타일은 CSS, 동작 로직은 TypeScript로 작성한다.
  • CLI가 강력하다. 한번의 CLI 명령어로 애플리케이션 기본 틀을 생성한다.
    • 개발환경 구성 (git, TypeScript 환경설정, TSLint, .editconfig)
    • 테스트 환경 구성 (Karma, Pretractor)
    • 배포 환경 구성 (browserslist, environment.prod.ts)
  • 프로젝트에 사용되는 여러 가지 기능들을 프레임워크 차원에서 한번에 제공한다. 이는 개발 방법을 단일화해주고 보장된 안정성과 최적화를 제공한다.
  • Angular로 만들어진 앱은 MVVM(Model-View-ViewModel) 패턴을 채택한다.

용어

  • Tree shaking: 프로젝트에서 사용되지 않는 코드를 제거하는 과정
  • MEAN 스택: 웹사이트를 구축에서 프론트엔드, 백엔드 모두 JavaScript 기반 기술들을 사용한 스택 (MongoDB, ExpresJS, Angular, NodeJS)

  • 2022-04-16-토: [강연 정리] FEConf Korea 2019 - [Track 1-7] 한장현 - Angular는 사실 어렵지 않습니다

이후 계속...

profile
Deprecated

0개의 댓글