Skip to content
Claude Code
마스터 가이드
가이드
공식 문서
GitHub
검색
⌘K
한국어
English
검색
⌘K
한국어
English
목록으로
리팩토링
중급
Pro
상태 관리 리팩토링
React 컴포넌트의 복잡한 상태를 정리합니다.
프롬프트
이 프롬프트의 전체 내용을 확인하려면 Pro 구독이 필요합니다. 복사해서 바로 사용할 수 있는 검증된 프롬프트입니다.
Pro 구독으로 잠금 해제
사용 시나리오
하나의 컴포넌트에 useState가 10개 이상 있고, 상태 업데이트 순서가 꼬여서 UI가 깜빡이거나 stale 데이터가 표시될 때 사용하세요. 컴포넌트 코드를 붙여넣으면 관련 상태를 useReducer로 묶고, 파생 상태는 useMemo로 계산하고, 로직은 커스텀 훅으로 분리하는 방법을 제안합니다.
관련 프롬프트
리팩토링
입문
FREE
함수 분리 리팩토링
긴 함수를 작은 단위로 분리하여 가독성을 높입니다.
복사
리팩토링
입문
FREE
중복 코드 제거
반복되는 코드 패턴을 찾아 공통 함수로 추출합니다.
복사
리팩토링
중급
콜백 지옥 → async/await 전환
중첩된 콜백을 async/await 패턴으로 변환합니다.
이 프롬프트의 전체 내용을 확인하려면 Pro 구독이 필요합니다. 복사해서 바로 사용할 수 있는 검증된 프롬프트입니다.
Pro 구독으로 잠금 해제