React코드학습생명주기프런트엔드
프레임워크 생명주기를 설명받는 프롬프트
변수 입력2개
변수를 채운 뒤 완성본을 복사하세요
언제 사용하나
컴포넌트/요청이 초기화→렌더/처리→정리까지 어떤 생명주기를 거치는지 이해할 때.
요청 전 확인
- 대상 프레임워크와 버전을 명시한다(버전마다 다름).
복사해서 쓰는 프롬프트
{{FRAMEWORK}}에서 {{TARGET}}의 생명주기를 설명해줘.
원하는 출력:
1. 주요 단계와 각 단계에서 일어나는 일(순서대로)
2. 각 단계에 코드를 넣을 때 적절한 훅/메서드
3. 흔한 실수(정리 누락, 잘못된 단계에서 부수효과)
4. 간단한 예시로 단계별 로그를 보여줘placeholder 설명
{{FRAMEWORK}}: 프레임워크/버전{{TARGET}}: 컴포넌트/요청 등 대상
입력 예시
{{FRAMEWORK}} = "React 18", {{TARGET}} = "함수 컴포넌트"
기대 결과
단계별 설명, 적절한 훅, 흔한 실수, 예시.
검증 방법
예시에 로그를 넣어 실제 호출 순서를 확인한다.
주의사항
- 버전에 따라 생명주기가 다르니 문서 버전을 맞춘다.
관련 문서
- React useEffect: https://react.dev/reference/react/useEffect
댓글 0개
아직 댓글이 없습니다.
