Angular 15 학습 가이드

Dec 01 2022

새 버전의 Angular를 마스터하기 위해 알아야 할 모든 것

최신 버전의 Angular는 11월에 출시되었습니다. Minko Gechev는 릴리스 발표에서 가장 중요한 새 기능을 요약합니다.

최신 버전의 Angular는 11월에 출시되었습니다. Minko Gechev는 릴리스 발표 에서 가장 중요한 새 기능을 요약합니다 .

이 기사에서는 이러한 새로운 Angular 기능의 작동 방식을 알려주는 리소스를 공유합니다.

독립형 API

Angular 팀은 개발자 프리뷰 기능으로 Angular v14에서 독립형 API를 도입했습니다. Angular v15에서는 더 이상 개발자 프리뷰와 안정적인 API 표면의 일부가 아닙니다.

이제 구성 요소, 지시문 및 파이프를 독립 실행형으로 표시할 수 있습니다. 독립형으로 표시된 Angular 클래스는 NgModule에서 선언할 필요가 없습니다.

Angular 설명서의 "독립형 구성 요소 시작하기" 가이드에서는 독립형 구성 요소를 만들고 사용하는 방법을 설명합니다.

Andrew Scott은 라우터 없이 라우터를 만드는 방법 RouterModule과 기능적인 라우터 가드를 사용하는 방법을 설명합니다.

독립 실행형 라우터 및 구성 요소로 번들 크기를 줄이는 방법에 대한 자세한 내용은 Kevin Kreuzer 의 기사를 참조하십시오.

이제 HttpClientModule. Netanel Basal 은 이 새로운 기능을 적용하는 방법과 지연 로드 모듈에서 인터셉터를 정의하는 방법을 보여줍니다.

공식 문서 에서 :

Angular 디렉티브는 재사용 가능한 동작을 캡슐화하는 훌륭한 방법을 제공합니다. 디렉티브는 속성, CSS 클래스 및 이벤트 리스너를 요소에 적용할 수 있습니다.

Directive Composition API를 사용하면 구성 요소 내 에서 구성 요소의 호스트 요소에 지시문을 적용할 수 있습니다.

Cédric Exbrayat는 이 새로운 API가 필요한 이유를 다음과 같이 설명합니다.

Henrique Custódia는 Directive 구성 API가 어떻게 작동하는지 훌륭한 예를 보여줍니다.

Angular 설명서의 "Getting started with NgOptimizedImage" 가이드 에서는 새로운 NgOptimizedImage독립형 지시문이 이미지 로드를 위한 성능 최적화 모범 사례를 채택하는 데 어떻게 도움이 되는지 설명합니다.

Fábio Englert Moutinho는NgOptimizedImage 예제 전자 상거래 애플리케이션에서 지침을 테스트 하고 Lighthouse 점수를 최대 50% 향상했습니다.

➕ 이 Angular 15 학습 가이드에 추가해야 할 다른 리소스를 본 적이 있습니까? 기사에 소개할 수 있도록 저에게 보내주세요!

제 이름은 Gergely Szerovay 이고 프런트엔드 개발 장을 이끌고 있습니다. Angular 교육(및 학습)은 제 열정 중 하나입니다. 저는 기사, 팟캐스트, 컨퍼런스 토크 등 매일 Angular와 관련된 콘텐츠를 소비합니다.

훌륭한 Angular 리소스의 월간 컬렉션에 관심이 있으시면 Angular Addicts라는 간행물을 구독하십시오 . 여기에서 이전 문제를 읽을 수 있습니다 .

그리고 최근에 좋은 Angular 관련 기사, 트윗 또는 기타 리소스를 본 적이 있다면 댓글로 알려 주시거나 트위터 에서 DM을 보내주세요 ! Angular Addicts의 다음 호에 실릴 수 있습니다!

또한 관심 있는 다른 Angular 주제가 무엇인지 알려주시기 바랍니다. 여기 미디엄에 게시 대기 중인 많은 초안 기사가 있습니다.