📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
컴포넌트 (component)
💬 쉬운 뜻
화면을 레고 블록처럼 조각(버튼·카드·메뉴)으로 만들어 조립하는 거예요. 블록은 한 번 만들면 여러 곳에 재사용하고, 블록 하나를 고치면 그 블록을 쓰는 모든 곳이 한 번에 바뀝니다.
🧭 이 상황에서
AI가 리액트 코드를 짜면서 "재사용 가능한 컴포넌트로 분리할게요"라고 하는데, 파일이 여러 개로 쪼개져서 뭐가 어디 있는지 모르겠다.
⌨️ 이럴 땐 이렇게 입력
- 이 페이지에서 반복되는 카드 부분을 컴포넌트로 분리해줘.
- 버튼 컴포넌트를 만들어서 색과 문구만 바꿔 세 군데에서 재사용하게 해줘.
- 지금 화면이 어떤 컴포넌트들로 조립돼 있는지 그림처럼 설명해줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 "Button 컴포넌트로 분리했어요"라고 하면 = 그 부분을 독립된 레고 블록으로 만들어서, 한 군데만 고치면 쓰이는 모든 곳에 반영되게 했다는 뜻이에요.
➡️ 다음엔 이렇게
고치고 싶은 부분이 있으면 "○○ 컴포넌트만 수정해줘"라고 블록 이름으로 말하세요. 이름을 모르면 "화면에서 이 부분(설명)이 무슨 컴포넌트야?"라고 먼저 물으면 됩니다.
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈