Skip to content
Claude Code
마스터 가이드
가이드
공식 문서
GitHub
검색
⌘K
한국어
English
검색
⌘K
한국어
English
목록으로
리팩토링
고급
Pro
레거시 클래스 → 함수형 전환
클래스 컴포넌트를 함수형 컴포넌트로 마이그레이션합니다.
프롬프트
이 프롬프트의 전체 내용을 확인하려면 Pro 구독이 필요합니다. 복사해서 바로 사용할 수 있는 검증된 프롬프트입니다.
Pro 구독으로 잠금 해제
사용 시나리오
React 18+로 업그레이드하면서 Concurrent Mode를 활용하고 싶은데, 레거시 클래스 컴포넌트가 걸림돌이 될 때 사용하세요. 클래스 컴포넌트를 붙여넣으면 lifecycle을 useEffect로, HOC를 커스텀 훅으로 1:1 변환하고, 동작 동일성을 검증하는 테스트까지 제공합니다.
관련 프롬프트
리팩토링
입문
FREE
함수 분리 리팩토링
긴 함수를 작은 단위로 분리하여 가독성을 높입니다.
복사
리팩토링
입문
FREE
중복 코드 제거
반복되는 코드 패턴을 찾아 공통 함수로 추출합니다.
복사
리팩토링
중급
콜백 지옥 → async/await 전환
중첩된 콜백을 async/await 패턴으로 변환합니다.
이 프롬프트의 전체 내용을 확인하려면 Pro 구독이 필요합니다. 복사해서 바로 사용할 수 있는 검증된 프롬프트입니다.
Pro 구독으로 잠금 해제