stamper
React코드학습생명주기프런트엔드

프레임워크 생명주기를 설명받는 프롬프트

개발자김철수22시간 전조회 0추천 0
변수 입력2
변수를 채운 뒤 완성본을 복사하세요

언제 사용하나

컴포넌트/요청이 초기화→렌더/처리→정리까지 어떤 생명주기를 거치는지 이해할 때.

요청 전 확인

  • 대상 프레임워크와 버전을 명시한다(버전마다 다름).

복사해서 쓰는 프롬프트

{{FRAMEWORK}}에서 {{TARGET}}의 생명주기를 설명해줘.

원하는 출력:
1. 주요 단계와 각 단계에서 일어나는 일(순서대로)
2. 각 단계에 코드를 넣을 때 적절한 훅/메서드
3. 흔한 실수(정리 누락, 잘못된 단계에서 부수효과)
4. 간단한 예시로 단계별 로그를 보여줘

placeholder 설명

  • {{FRAMEWORK}} : 프레임워크/버전
  • {{TARGET}} : 컴포넌트/요청 등 대상

입력 예시

{{FRAMEWORK}} = "React 18", {{TARGET}} = "함수 컴포넌트"

기대 결과

단계별 설명, 적절한 훅, 흔한 실수, 예시.

검증 방법

예시에 로그를 넣어 실제 호출 순서를 확인한다.

주의사항

  • 버전에 따라 생명주기가 다르니 문서 버전을 맞춘다.

관련 문서

댓글 0

아직 댓글이 없습니다.