CAPSTONE · TEAM LEAD
Nextify
React → Next.js 마이그레이션 자동화 도구
16쪽 발표 자료 전체 보기 5단계 전환 흐름을 설계하고, 오류 검증기와 반복 측정 기반 성능 보고서를 구현했습니다.
- 사용 맥락
- React 프로젝트를 Next.js로 옮길 때 라우팅·파일 구조·실행 경계의 변경이 연쇄적으로 발생하는 문제를 다뤘습니다.
- 팀과 내 범위
- 팀이 CLI·변환 규칙·AI 보조 변환·Review Extension을 개발했습니다. 저는 전체 단계 설계, 검증기와 성능 보고서, 팀 조율을 맡았습니다.
지원 범위 내 오픈소스 30개 대상 · 팀 결과
20개 대상 평가 · 최종 30개 평가와 별도
검증기와 성능 비교 보고서 개발
CONTRIBUTION
내가 맡은 일
- 설계: 5단계·86개 작업을 규칙·AST·제약형 AI·사용자 판단으로 분리
- 검증: 타입체크·자동 보정·재검사·오류 증가 시 롤백 구현
- 보고서: 동일 환경 3회 측정의 중앙값으로 FCP·LCP·SEO 비교
- 팀 리딩: 4→3명 축소 후 주제 전환과 목표·역할 재정렬
전체 흐름 보기
담당 범위를 중심으로 정리한 개념 흐름입니다.
주요 판단과 문제 해결
문제 · 라우팅·Provider·브라우저 API·환경 설정의 변경이 서로 영향을 줬습니다.
판단·구현 · 전체 흐름을 5단계·86개 작업으로 나누고, 일반화 가능한 규칙·AST 변환과 맥락이 필요한 제약형 AI, 사용자 판단을 분리했습니다.
확인·효과 · 단계별 책임과 실행 순서를 설계해 팀이 같은 파이프라인을 기준으로 구현할 수 있도록 했습니다. 변경 파일은 Diff로 검토합니다.
팀 조율
4명에서 3명으로 줄어든 상황에서 팀의 프론트엔드 경험을 활용할 수 있는 Nextify로 방향을 제안했습니다. 전체 흐름·목표·역할을 다시 정하고, 검증기와 보고서 개발을 맡아 팀이 구현을 이어가도록 조율했습니다.
OUTCOME
남긴 결과
지원 범위 내 30개 프로젝트 모두 빌드 성공. CLI·Review Extension·성능 보고서를 공개하고 캡스톤 대상·WAVE 최우수상을 수상했습니다.
확인한 방법
초기 20개 평가와 최종 30개 팀 평가를 구분했습니다. 타입·빌드 검사, 전후 Diff와 동일 환경 Lighthouse 3회 중앙값으로 결과를 확인했습니다.
남은 한계
30/30은 지원 범위 내 빌드 성공입니다. 모든 실행 기능의 동일성이나 임의의 React 프로젝트 자동 전환을 보장하지 않으며, 동적 라우트·충돌은 수동 검토가 필요합니다.
배운 점
AI 보조 자동화에는 변환 기능뿐 아니라 적용 범위, 오류 복구와 사람이 검토할 경계를 함께 설계해야 합니다.