마이그레이션 가이드
코딩고급
React 18→19, Next.js 14→15 등 메이저 버전 업그레이드나 프레임워크 전환 시, 변경사항을 분석하고 단계별 마이그레이션 계획과 코드 수정을 안내합니다.
트리거
/migrate사용빈도분기 1회
레거시 프로젝트 담당 개발자라면? /migrate react 19로 업그레이드 시 브레이킹 체인지 자동 탐지
CTO라면? 기술 스택 전환의 영향 범위를 빠르게 파악
마이그레이션업그레이드호환성레거시
작동 흐름
/migrate [from → to] 실행
↓
Phase 1: 3개 분석 병렬
breaking-scan
브레이킹 체인지 탐색
dep-check
의존성 호환성 확인
code-impact
코드 영향 범위 분석
↓
단계별 마이그레이션 계획 수립
↓
✓ 마이그레이션 계획 + 자동 코드 수정
스킬 코드
# Migration Guide Skill
## Trigger: /migrate [framework/library] [from version] [to version]
When invoked:
1. Identify breaking changes:
- Read official migration guide / changelog
- Scan codebase for affected patterns
- List deprecated APIs in use
2. Analyze impact:
- Files affected (count + list)
- Dependencies that need updating
- Test coverage of affected areas
3. Generate step-by-step plan:
---
## 🔄 Migration: [lib] v[X] → v[Y]
### Impact Summary
- Files affected: [N]
- Breaking changes: [N]
- Estimated effort: [hours/days]
### Pre-migration Checklist
- [ ] Ensure all tests pass on current version
- [ ] Create migration branch
- [ ] Backup database (if applicable)
### Step-by-Step Plan
1. **Update dependencies**
`npm install [package]@[version]`
2. **Fix breaking change: [name]**
- Before: `[old code]`
- After: `[new code]`
- Files: [list]
3. [Continue for each breaking change]
### Post-migration
- [ ] Run full test suite
- [ ] Verify build passes
- [ ] Test critical user flows
---
복사해서 CLAUDE.md에 붙여넣으면 바로 사용할 수 있습니다.
마이그레이션 가이드 작동 방식
Migration Guide는 현재 프레임워크/라이브러리 버전을 분석하고, 대상 버전의 브레이킹 체인지 및 디프리케이션과 비교한 후, 코드 변환 예시를 포함한 단계별 업그레이드 계획을 생성합니다.
마이그레이션 가이드이(가) 빛나는 순간
메이저 버전 업그레이드(React 18→19, Next.js 14→15) 시 수백 개의 브레이킹 체인지가 있고 수동 마이그레이션에 며칠이 걸리는 상황에서 필수적입니다. 위험도 순으로 변경을 우선순위화하고 안전한 마이그레이션 순서를 제공합니다.
핵심 특장점
- 브레이킹 체인지를 실제 코드베이스 사용 현황에 매핑
- 안전한 의존성 순서로 마이그레이션 단계 생성
- 각 변경의 코드 변환 예시 포함
- 체계적 접근으로 며칠 걸리는 마이그레이션을 몇 시간으로 단축