"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 각도 중독자 # 각도 w. 새로운 @let 구문), 구성 요소 테스트, SSR 가이드 등

각도 중독자 # 각도 w. 새로운 @let 구문), 구성 요소 테스트, SSR 가이드 등

2024-08-28에 게시됨
검색:385

Angular Addicts # Angular w. the new @let syntax), Component testing, SSR guide & more

?안녕하세요 각도 중독자 여러분

이것은 저의 관심을 끌었던 엄선된 Angular 리소스를 모아놓은 월간 모음집인 Angular Addicts 뉴스레터의 27번째 호입니다. (여기서는 27일 26일, 25일)

?출시 공지

? Angular 18.1의 새로운 기능은 무엇입니까?

Angular의 최신 마이너 버전인 Angular 18.1이 7월에 출시되었습니다. Cédric Exbrayat는 다음과 같은 새로운 주요 기능을 다룹니다.

  • TypeScript 5.5 지원
  • @let 구문
  • afterRender / afterNextRender API
  • to신호 균등 함수
  • UrlTree를 사용한 RouterLink
  • 라우터 브라우저 URL
  • 호출되지 않은 함수에 대한 확장된 진단
  • Angular CLI: 격리된 모듈, WASM 지원, 검사 옵션, 청크 최적화 도구를 사용하여 더 빠른 빌드

?2024년 7월의 Angular Gems

? Angular의 서버 측 렌더링(SSR)에 대한 전체 가이드

Alexander Thalhammer가 SSR(서버 측 렌더링), SSG(정적 사이트 생성), 하이드레이션 및 이벤트 재생에 대해 설명합니다. 그는 Angular 애플리케이션에서 이를 설정하는 방법을 보여주고 사용자 경험을 개선하기 위한 모범 사례와 팁을 제공합니다.

?Angular에서 구성 요소 테스트: NO_ERRORS_SCHEMA, 스텁 구성 요소 및 NgMocks

Dany Paredes는 NgMocks 모의 라이브러리의 도움으로 하위 구성 요소나 외부 라이브러리와 같은 여러 종속성이 있는 구성 요소를 단위 테스트하는 방법을 예제를 통해 보여줍니다.

? Angular의 머티리얼 지원의 미래

이 게시물에서 Mark Thompson과 Jeremy Elbourn은 Angular Material이 Google의 Material Web Components(MWC) 변경 사항에 의존하지 않기 때문에 영향을 받지 않는다는 점을 명확히 했습니다. Angular Material은 계속해서 개발 중입니다. 팀은 개발자가 고품질 사용자 인터페이스를 구축하는 데 도움이 되도록 Angular CDK 기능과 문서를 향상시키는 것을 목표로 하고 있습니다.

?Angular와 Firebase를 사용하여 실시간 채팅 애플리케이션 구축

Moe Mollaie는 실시간 연결이 필요한 시기를 설명하고 다양한 솔루션을 비교합니다. 그런 다음 Angular와 Firebase를 사용하여 실시간 채팅 애플리케이션을 구축하는 과정을 안내합니다.

?Angular: RxJS 대 신호, 무엇을 사용해야 할까요?

Igor Pak은 신호 사용 시기와 RxJS 사용 시기를 설명하기 위해 두 가지 사용 사례를 제공합니다. 그의 기사에서는 신호가 상태 관리 및 간단한 데이터 업데이트에 적합하지만 복잡한 시나리오에서는 중간 값을 놓칠 수 있음을 보여줍니다.

?‍?작가 소개

제 이름은 Gergely Szerovay입니다. 저는 수년간 데이터 과학자 및 풀스택 개발자로 일했으며, Angular 기반 프런트엔드 개발에 중점을 두고 프런트엔드 기술 리드로 일하고 있습니다. 내 역할의 일환으로 나는 Angular와 프론트엔드 개발 환경 전반이 어떻게 발전하고 있는지 지속적으로 관찰하고 있습니다. 내 지식을 공유하기 위해 2022년부터 Angular Addicts 월간 뉴스레터 및 출판을 시작하여 매달 접하는 최고의 리소스를 여러분에게 보낼 수 있습니다. 당신이 노련한 Angular 중독자이든 초보자이든 상관없이 제가 도와드리겠습니다. 작가로 포함되기를 원하는지 알려주세요. 함께 Angular를 배워볼까요? 여기서 구독하시겠습니까?

Angular는 지난 몇 년 동안 매우 빠르게 발전했으며, 지난 해에는 생성 AI가 등장하면서 우리의 소프트웨어 개발 워크플로도 빠르게 발전했습니다. AI 지원 소프트웨어 개발의 발전을 면밀히 따르기 위해 저는 AI 도구를 공개적으로 구축하기 시작하고 진행 상황을 AIBoosted.dev에 게시하기로 결정했습니다. 이 학습 여정에 동참하세요. 여기에서 구독하시겠습니까?

Substack(Angular Addicts), Substack(AIBoosted.dev), Medium, Dev.to, Twitter 또는 LinkedIn에서 나를 팔로우하여 Angular에 대한 자세한 내용과 AI, Typescript, React 및 Angular를 사용하여 AI 앱을 구축하는 방법을 알아보세요!

?️이전 문제

뉴스레터의 이전 호를 놓치셨다면 여기에서 읽어보실 수 있습니다. 최신 호 3개는 다음과 같습니다.

  • Angular 중독자 #27: NgRx 18, 새로운 RFC: DomRef API, 신호가 포함된 웹 저장소 등
  • Angular 중독자 #26: Angular 18, 모범 사례, 최근 컨퍼런스 녹화 등
  • Angular 중독자 #25: Angular와 Wiz가 병합될 예정이며 React와 Angular의 차이점 등

? Angular 리소스 제출

최근에 흥미로운 Angular 관련 기사, 트윗 또는 기타 리소스를 찾거나 작성한 적이 있나요? 여기 댓글로 알려주시거나 트위터로 DM을 보내주세요! 다음 Angular Addicts 호에 소개할 수도 있습니다!

릴리스 선언문 이 기사는 https://dev.to/this-is-angular/angular-addicts-28-angular-181-w-the-new-let-syntax-comComponent-testing-ssr-guide-more-에서 재현됩니다. 1f8c? 1침해 내용이 있는 경우, [email protected]으로 연락하여 삭제해 주시기 바랍니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3