컴포넌트(Component)

쉬운 설명

버튼, 카드, 검색창처럼 화면을 구성하는 재사용 가능한 UI 조각.

실제로는 이렇게 만나요

컴포넌트(Component)은(는) 실제 작업 흐름에서 React, Prop, Frontend 같은 개념과 함께 등장합니다.

• 이런 거 할 때 나와요 React, Astro, Vue 같은 프론트엔드 프로젝트에서 버튼, 카드, 헤더, 리스트를 나누어 만들 때 등장합니다.
• 이렇게 생겼어요 컴포넌트(Component)은(는) React, Prop, Frontend 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
• 나오는 화면 예시 프론트엔드 작업을 하다가 React, Prop, Frontend를 확인하는 화면

헷갈리기 쉬운 점

컴포넌트(Component)가 화면 조각이라면, Prop은 그 조각에 전달하는 입력값입니다.

왜 알아두면 좋을까요?

React, Astro, Vue 같은 프론트엔드 프로젝트에서 버튼, 카드, 헤더, 리스트를 나누어 만들 때 등장합니다.