'angular' 검색 결과

Plan and carry out an AngularJS to Angular migration, from choosing a rewrite strategy to converting components, services, and routes. Includes a hybrid approach that runs both frameworks together while individual features are migrated.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning an AngularJS to Angular migration
• Moving a large app one feature at a time
• Converting directives into Angular components

Plan and carry out a migration from AngularJS to Angular. It covers gradual migration with both frameworks running together, component and service conversion, routing and form changes, plus testing and preparation for the final switch.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choose a strategy for migrating an AngularJS application
• Run AngularJS and Angular together during migration
• Convert controllers, directives, and services

Angular 화면과 서비스를 만들고 상태 관리, 폼, 화면 이동을 설계합니다. 프로젝트 버전에 맞는 구현 방식을 선택하고 테스트 작성과 빌드 확인을 지원합니다.

• 새 Angular 앱을 시작할 때
• 폼과 상태 관리를 구현할 때
• 화면 이동과 접근 제어를 설계할 때

Develop Angular v20+ applications using Signals for reactive state and Standalone Components. Supports gradual migration from NgModules, Zoneless configuration, server-side rendering, hydration, and performance optimization with development testing before production use.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a new Angular v20+ application
• Implement reactive state with Signals
• Gradually migrate NgModules to Standalone Components

Angular is opinionated and comprehensive - it gives you everything: routing, forms, HTTP, dependency injection, testing. The learning curve is steep, but once you're in, you move fast. The structure it enforces is why enterprises love it. This skill covers Angular 17+, standalone components, signals, the new control flow syntax, and modern Angular patterns. Key insight: Angular's power is in its DI system and RxJS integration. Master those, and everything else follows. 2025 lesson: Standalone components are the future. NgModules aren't going away, but new projects should start standalone. Signals are Angular's answer to fine-grained reactivity - learn them. Use when "angular, angular component, angular service, angular routing, angular forms, rxjs, ngrx, angular signals, standalone component, angular ssr, angular, typescript, frontend, spa, enterprise, rxjs, signals, standalone" mentioned.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Migrate Angular tables from Table v8 to v9 by reviewing table creation, rendering, state updates, and reusable app hooks. Provides an Angular checklist alongside the core migration checks needed for shared API changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Upgrading an Angular table from v8 to v9
• Replacing createAngularTable with injectTable
• Reviewing signal-based state and FlexRender rendering

Register Angular TanStack Table v9 instances with Devtools, a tool for developers. The skill covers unique table keys, registration that responds to changes, automatic cleanup, and the different setup rules for development and production.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Register an Angular table with Devtools
• Investigate a table that fails to register
• Enable or remove registration as conditions change

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Fix settings updates in the Angular wrapper
• Review change detection around grid operations
• Update examples to standalone components

Build Table v9 tables in Angular using injectTable and FlexRender. Guidance covers signal-driven data updates, reusable table components, and connections to TanStack Query for data fetching and TanStack Virtual for displaying large tables.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a Table v9 table in Angular
• Reflecting signal-driven data changes in tables
• Sharing table settings and reusable UI components

Build Angular 17+ applications with standalone components, routing, and shared application state. Covers reactive data handling with RxJS, performance improvements, and unit and integration tests, with code and explanations of architecture choices.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building Angular screens with standalone components
• Managing shared application state with NgRx
• Configuring lazy-loaded routes and access guards

Guide Angular development, code review, and refactoring with prioritized performance rules. Review rendering efficiency, loading time, and bundle size—the amount of code delivered to browsers—alongside data fetching and server-rendered page setup.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Writing Angular components with performance in mind
• Reviewing code for performance bottlenecks
• Reducing bundle size and loading time

Build Angular interfaces that handle loading, errors, and data display. This skill guides component work involving asynchronous data, which arrives after a request, and helps organize the interface states needed to present it.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building loading states in Angular
• Handling errors in interface components
• Displaying asynchronously loaded data

Plan how an Angular app stores and updates data used by its screens. Covers local and shared state, choices involving Signals, NgRx, and RxJS, synchronization with server data, debugging, and migration from older patterns.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Choose an Angular state management approach
• Design state shared across an app
• Manage data within individual components

Helps build Angular v20+ applications with Signals, which track changing values, and self-contained Standalone Components. Covers state management, server rendering, performance improvements, and testing, including gradual updates to existing applications.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a new Angular v20+ application
• Migrate NgModules to Standalone Components
• Design state management with Signals

Read and control Angular Table v9 state using signals, Angular's reactive values. This skill explains tracked reads, externally managed pagination, shared state, and update callbacks so table changes stay connected to templates and derived values.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Managing pagination with Angular signals
• Diagnosing table state that does not update the view
• Reading only the state needed by a template

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding a code example to a feature guide
• Preparing examples for multiple frameworks
• Generating JavaScript examples from TypeScript

Testing Angular 18-21: TestBed, component harnesses (@angular/cdk/testing), Karma+Jasmine (default historical) vs Jest (jest-preset-angular, modern), Angular Testing Library (RTL-style). HttpClient mocking via HttpTestingController. NgRx Effects testing. Cypress / Playwright e2e. Use this skill to: - Detect runner (Karma+Jasmine vs Jest) and configure correctly. - Write component tests with TestBed. - Use component harnesses for Material / custom UI components. - Mock HttpClient via provideHttpClientTesting + HttpTestingController. - Test signal-based inputs with componentRef.setInput(). - Test NgRx Effects with provideMockActions. Do NOT use this skill for: - General Angular conventions (see angular-conventions). - Routing patterns broadly (see angular-routing — covers testing routes briefly). - Form patterns broadly (see angular-forms).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ハイブリッドモード、段階的コンポーネント書き換え、依存性注入更新を使用してAngularJSからAngularへ移行します。AngularJSアプリケーションのアップグレード、フレームワーク移行の計画、またはレガシーAngularコードのモダナイゼーション時に使用します。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Angular Migration workflow skill. Use this skill when the user needs Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Angular Router (built-in `@angular/router`) — route configuration for standalone and NgModule projects, functional guards (Angular 14.1+), lazy loading, route resolvers, typed params via signals/observables, programmatic navigation, route data and meta. Use this skill to: - Configure routes (standalone-style or NgModule-style). - Use functional guards (canActivate as function, preferred over class-based in 17+). - Lazy-load components or feature modules. - Implement auth guards via route meta + functional guards. - Read params/queries via `inject(ActivatedRoute)` + signals or RxJS. Do NOT use this skill for: - General conventions (see angular-conventions). - State management (see angular-state-and-rx). - Forms (see angular-forms). - Testing routes (see angular-testing).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Angular 18-21 project structure, standalone components vs NgModule, control flow (@if/@for/@switch + *ngIf/*ngFor legacy), decorators, dependency injection (inject() function), lifecycle hooks, pipes, Angular Universal SSR pointer. Use this skill to: - Detect project style (standalone vs NgModule) and apply matching patterns. - Pick correct decorators and DI approach. - Use modern control flow (@if/@for/@switch) in Angular 17+ projects. - Apply `inject()` function over constructor injection where appropriate. - Wire bootstrap correctly (bootstrapApplication for standalone, AppModule for legacy). Do NOT use this skill for: - State management (see angular-state-and-rx). - Routing (see angular-routing). - Forms (see angular-forms). - Testing (see angular-testing).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when working with Angular code — components, signals, services, forms, routing, HTTP, testing, SSR, or tooling. Targets Angular v20+ modern patterns. Auto-activates on .ts files in Angular projects (detected via angular.json).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Angular Migration workflow skill. Use this skill when the user needs Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Angular Best Practices workflow skill. Use this skill when the user needs Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.