• 검색

지난 달은 Angular의 Red Shield가 13주년을 맞이하는 날이었습니다! 

AngularJS는 풍부한 웹 환경인 Angular17을 만들기 위한 안정적이고 새로운 출발점이었습니다.

MESCIUS에서는 개발자들이 알아야 하는 가장 미래 지향적이고 영향력이 있는 기능을 모았습니다.

주요 기능은 다음과 같습니다.

• 독립 실행형 API

• 대화형 학습

• 빌드 파이프라인

• 플로우 컨트롤

• 새로운 @for 구문

• 지연 가능한 뷰

• 하이드레이션

• 디버그 도구

• 다음 단계

• Angular 및 MESCIUS

독립 실행형 API 시작하기

1년 반의 개선 후에, 이제 모든 새로운 응용 프로그램에서 독립 실행형 컴포넌트, 지시문 및 파이프를 사용할 수 있습니다.

업데이트된 문서를 통해 더 유연하고 일관된 개발 사례가 제공됩니다.

대화형 학습

Angular.dev 플랫폼에서 호스팅되는 대화형 학습 여정에는 새로운 브랜드가 함께 제공됩니다.

WebContainers에서 제공하는 새로운 구조, 개선된 콘텐츠 및 몰입형 학습 경험을 사용하여 개발자는 브라우저에서 직접 자신만의 속도로 Angular 및 Angular CLI를 학습할 수 있습니다.

Vite 및 esbuild: 개발자 프리뷰 완료

Angular CLI의 빌드 파이프라인에는 esbuild 및 Vite에서 제공하는 빌드 환경을 완료함과 함께 기본적인 변화를 확인합니다.

모든 새로운 응용 프로그램에 기본적으로 제공되는 이 향상된 기능을 사용하면 빌드 시간이 단축되고 전반적인 성능이 향상됩니다.

• esbuild 공식 문서

개발자 경험 향상을 위한 기본 제공 컨트롤 플로우

Angular 17에는 개발자 경험 향상을 위한 획기적인 기능인 내장 컨트롤 플로우가 도입되었습니다.

새로운 블록 템플릿 구문을 사용하여 개발자는 이제 JavaScript에 더 가까운 더 직관적인 구문, 더 효율적인 유형 확인 및 상당한 성능 개선의 이점을 누릴 수 있습니다.

• 내장 컨트롤 플로우 공식 문서

기본 제공 For 반복문: 최대 90% 더 빠른 런타임

For 반복문을 사용하면 더 이상 성능 병목 현상이 없습니다.

Angular 17의 새로운 구문, @for은 커뮤니티 벤치마크에 예시된 것처럼 개발자 경험을 단순화하고 최대 90% 더 빠른 런타임을 자랑합니다.

• 공식 @for 문서

지연 가능한 뷰: 선언적이고 강력한 로드 지연

Angular 17의 지연 가능 뷰는 지연 로드의 새로운 시대를 열어 줄 것입니다.

한 줄의 선언형 코드를 사용하여 개발자는 강력한 지연 로드를 달성하고, 성능 및 개발자 경험을 향상할 수 있습니다.

• 지연 가능 뷰 공식 문서

하이브리드 렌더링 환경 개선

Angular 17에서 개발자는 ng new의 프롬프트를 사용하여 서버 측 렌더링(SSR) 및 정적 사이트 생성(SSG) 기능을 더 밀접하게 이용할 수 있습니다.

이제 개발자 프리뷰 외부의 하이드레이션(클라이언트에서 서버 측 렌더링된 애플리케이션을 복원하는 프로세스)을 통해 더 원활한 렌더링이 가능합니다.

• 하이드레이션(Hydration) 공식 문서

DevTools의 의존성 주입(Dependency Injection) 디버깅

Angular DevTools에서 이제 의존성 주입(Dependency Injection)을 위한 향상된 디버깅 기능을 제공합니다.

개발자가 개발 환경에서 내에서 직접 인젝터 트리(Injector tree)를 검사하고, 경로를 확인하고, 공급자를 미리 볼 수 있습니다.

• 디버그 공식 문서

반응성, 테스트 및 Material Design의 다음 단계

Angular 17은 신호 기반 반응형 시스템, Jest 및 Web Test Runner와 같은 테스트 도구를 사용한 지속적인 실험, 디자인 토큰을 사용한 Material 3 지원 미리 보기를 통해 미래를 위한 기틀을 마련했습니다.

Angular 17 및 MESCIUS JavaScript 제품: 완벽한 조화 

Angular 17과 함께 강력한 MESCIUS JavaScript 제품군을 사용해 보세요!

Wi​jmo, SpreadJS, ActiveReportsJS와 같은 제품은 Angular와 완벽하게 통합되어, 개발자에게 웹 응용 프로그램을 향상할 수 있는 도구와 기능을 제공합니다. 

Angular 17의 멋진 기능을 둘러보면서, MESCIUS JavaScript 제품을 프로젝트에 통합하는 경우 얻을 이점을 생각해 보세요.

풍부한 데이터 시각화부터 대화형 보고에 이르기까지, MESCIUS 제품은 Angular의 기능을 보완하여 개발 경험을 향상시킵니다. 

Angular 및 MESCIUS 제품에 관한 추가 업데이트, 튜토리얼 및 가이드는 홈페이지와 포럼을 참고해 주세요!

Angular 공식 문서 역시 확인해 보시길 바랍니다.