스킬 angular-migration
�

angular-migration

안전 ⚡ 스크립트 포함🌐 네트워크 접근📁 파일 시스템 액세스🔑 환경 변수⚙️ 외부 명령어

AngularJS에서 Angular로 마이그레이션 계획

레거시 AngularJS 코드는 최신 기능과 유지보수를 방해합니다. 이 스킬은 하이브리드 패턴과 모범 사례를 갖춘 명확한 증분 마이그레이션 경로를 제공합니다.

지원: Claude Codex Code(CC)
📊 71 적절함
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"angular-migration" 사용 중입니다. 중간 규모의 AngularJS 앱을 최소 가동 중지로 마이그레이션하는 단계별 계획이 필요합니다.

예상 결과:

  • side-by-side 작동을 위해 ngUpgrade를 사용한 하이브리드 전략 선택
  • 공유 서비스와 유틸리티를 TypeScript로 먼저 마이그레이션
  • AngularJS 라우트를 유지하면서 Angular Router로 라우팅 변환
  • 연속 테스트와 함께 한 번에 한 기능씩 마이그레이션
  • 최종 정리 단계에서 AngularJS 의존성 제거

"angular-migration" 사용 중입니다. $http를 사용하는 AngularJS 서비스를 Angular HttpClient로 어떻게 변환하나요?

예상 결과:

  • @angular/common/http의 HttpClient로 $http 대체
  • RxJS Observable .subscribe()로 promise 기반 .then() 호출 변환
  • DI를 위해 @Injectable 데코레이터와 providedIn root 사용
  • 하위 변경을 줄이기 위해 서비스 인터페이스 유사하게 유지

"angular-migration" 사용 중입니다. AngularJS와 Angular 의존성 주입의 차이점은 무엇인가요?

예상 결과:

  • Angular는 @Inject 데코레이터와 함께 생성자 주입 사용
  • factory/service 팩토리를 @Injectable 클래스로 대체
  • AngularJS에서 사용되는 Angular 서비스에는 downgradeInjectable 사용
  • Angular에서 사용되는 AngularJS 서비스에는 upgradeInjection 사용

보안 감사

안전
v4 • 1/17/2026

Pure documentation skill containing only markdown files with educational code examples. No executable code, no network operations, no file system access. All static findings are false positives: markdown code block delimiters (```) misinterpreted as shell backticks, and JSON text fields with keywords triggering false pattern matches.

2
스캔된 파일
587
분석된 줄 수
5
발견 사항
4
총 감사 수

위험 요인

⚡ 스크립트 포함
기록된 특정 위치가 없습니다
🌐 네트워크 접근
기록된 특정 위치가 없습니다
📁 파일 시스템 액세스
기록된 특정 위치가 없습니다
🔑 환경 변수
기록된 특정 위치가 없습니다
⚙️ 외부 명령어
기록된 특정 위치가 없습니다
감사자: claude 감사 이력 보기 →

품질 점수

38
아키텍처
100
유지보수성
85
콘텐츠
29
커뮤니티
100
보안
91
사양 준수

만들 수 있는 것

마이그레이션 로드맵

단계별 계획을 수립하고 하이브리드 또는 전체 재작성 중 선택합니다.

컴포넌트 변환 가이드

컨트롤러와 디렉티브를 Angular 컴포넌트로 변환합니다.

노력 추정

단계와 마일스톤이 포함된 현실적인 일정표를 작성합니다.

이 프롬프트를 사용해 보세요

마이그레이션 개요 
작은 AngularJS 앱의 간단한 마이그레이션 계획을 제공하세요. 전략 선택과 주요 위험을 포함해야 합니다.
하이브리드 부트스트랩 
ngUpgrade와 수동 부트스트랩을 사용하여 하이브리드 AngularJS 및 Angular 앱을 설정하는 단계를 제공하세요.
디렉티브에서 컴포넌트로 
隔离作用域가 있는 AngularJS 디렉티브를 inputs와 outputs가 있는 Angular 컴포넌트로 변환하는 방법을 설명하세요.
전체 마이그레이션 계획 
수직 슬라이스, DI 변경, 라우팅 마이그레이션, 테스트 가이드가 포함된 단계별 마이그레이션 계획을 수립하세요.

모범 사례

  • 마이그레이션 중 UI 변동을 줄이기 위해 서비스부터 시작
  • 각 단계에서 연속 테스트와 함께 증분식으로 마이그레이션
  • 처음부터 TypeScript와 Angular 스타일 가이드 채택

피하기

  • 핵심 서비스가 마이그레이션되기 전에 UI 컴포넌트 마이그레이션
  • 단일 컴포넌트 내에서 AngularJS와 Angular 패턴 혼합
  • 하이브리드 앱 설정과 종합 테스트 건너뛰기

자주 묻는 질문

모든 AngularJS 버전과 호환되나요?
AngularJS 1.x와 Angular 2+ 마이그레이션 패턴을 대상으로 합니다.
이 스킬의 주요 한계는 무엇인가요?
자동화된 코드 변경이 아닌 가이드와 예시를 제공합니다.
기존 빌드 도구와 통합할 수 있나요?
네, 기존 CLI와 빌드 파이프라인과 함께 사용하세요.
소스 코드나 데이터에 접근하나요?
아니요, 가이드와 예시만 제공합니다.
하이브리드 앱이 부트스트랩되지 않으면 어떻게 해야 하나요?
UpgradeModule 설정, 수동 부트스트랩 순서, strictDi 설정을 확인하세요.
전체 재작성과 비교하면 어떻게 되나요?
위험과 가동 중지를 줄이기 위해 증분식 마이그레이션을 강조합니다.

개발자 세부 정보

작성자

wshobson

라이선스

MIT

리포지토리

https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/angular-migration

참조

main

파일 구조

📄 SKILL.md