📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
훅 (hook)
💬 쉬운 뜻
use로 시작하는 리액트의 '만능 공구 고리'예요. useState는 기억하기(점수판 설치), useEffect는 타이밍 맞춰 실행하기(화면이 뜨면 데이터 불러오기) — 자주 쓰는 능력을 공구처럼 고리에 걸어두고 컴포넌트에 끼워 씁니다.
🧭 이 상황에서
AI 코드 첫 줄마다 useState, useEffect 같은 게 나오는데 이게 뭔지, 왜 항상 컴포넌트 맨 위에만 있는지 모르겠다.
⌨️ 이럴 땐 이렇게 입력
- 이 컴포넌트에서 쓰고 있는 훅(use○○)들이 각각 무슨 일을 하는지 한 줄씩 설명해줘.
- 화면이 처음 뜰 때 데이터를 자동으로 불러오게 해줘. (useEffect)
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "훅 규칙 위반이에요(Hooks can only be called...)"라고 하면 = 공구는 컴포넌트 맨 위에서만 꺼내야 하는데 조건문이나 반복문 안에서 꺼냈다는 뜻이에요. 에러를 그대로 맡기면 위치를 옮겨 고쳐줍니다.
➡️ 다음엔 이렇게
새 기능이 필요하면 "○○하는 훅 있어?"라고 물어보세요. 대부분 이미 만들어진 공구(use○○)가 있어서 AI가 골라 끼워줍니다.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈