컴포넌트
Component
버튼, 카드처럼 한 번 만들어 두고 여러 곳에서 다시 쓰는 화면 부품이에요.
💡 레고 블록이에요. 같은 블록을 여러 군데 끼워 써요.
🤖 AI에게 이렇게 말해 보세요
상품 카드를 컴포넌트(Component)로 분리해 줘. 이미지, 이름, 가격을 받아서(props) 보여 주고, 홈과 검색 결과 페이지에서 같이 쓰게 해 줘.
핵심은 ‘Component’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
컴포넌트에 넘겨주는 값을 '프롭스(Props)', 컴포넌트가 스스로 기억하는 값을 '상태(State)'라고 해요.
이럴 때 써요
- 같은 모양이 여러 페이지에 반복될 때
- 한 군데 고치면 전부 바뀌게 하고 싶을 때
이렇게도 불러요: 부품, 재사용, 블록, props, 프롭스, state, 상태, 모듈