[웹테크]Angular 기본 개념잡기


Angular와 AngularJS와는 다름.

TS를 도입하면서 프레임웤 이름 변경

철학과 개발방법은 비슷히다.

버전 정책은 SemVer 메이저.마이너.패치

1.x.x는 angularjs 2.x.x 부터는 angular

앵귤러는 종합프레임워크

전체를 아우르는 구조 제공

뷰, 데이터풀, 폼, 라우터, Http, 애니메이션, 서버사이드렌더링, CLI, 테스트,마테리얼 디자인

앵귤러로는 프론트엔드 SPA를 만든다.

페이지 내부에서 라우터로 뷰 전환

해당 주소일 때 동작하는 컴포넌트를 등록 - 딥링크도 가능

앵귤러는 타입스크립트를 쓴다

어노테이션 - 함수

컴포넌트 기반 프레임웤이다.

추상화된 돔 엘리먼트 - 직접 접근 지양

어노테이션으로 컴포넌트 등록 - 라이프싸이클 지원, 객체 생성, 주입은 앵귤러가 관리

데이터바인딩을 지원

단방향이 기본이지만, 양방향도 가능

옵저버블 지원

리엑티브

모듈화 지원

ES6모듈의 연장, 대체는 아님.

ng모듈에 등록

CLI지원

기본틀, 구성요소 추가, 서버실행, 린트, 테스트, 빌드, 배포 자동화

다됨.

최신 트렌드

웹 컴포넌트, PWA, 크로스 플랫폼, 리액티브, 서버 사이드렌더링, 머터리얼 디자인, CLI, Angury

지금, 앞으로 공부해야 할 것

지금

  • 타입스크립트
  • 앵귤러 프레임웤
  • 컴포넌트 기반 아키텍트
  • 리엑티브 프로그래밍

앞으로 공부해야 할 것

  • 웹팩 최적화
  • 서버 사이드 렌더링 & 검색 엔진 최적화
  • 머티리얼 & 애니메이션



2023년 새해에는 성장하고 함께하고 싶다면?

Pre A 단계 이상의 스타트업 C 레벨들이 모여서 커뮤니티를 만들었습니다. 같이 스터디하고 친해질 일잘러를 찾습니다.




© 2017. by isme2n

Powered by aiden