✅ 컴포넌트?
컴포넌트는 사용자와 상호작용하는 기본적인 형태로 어느 공간에서도 기능을 수행할 수 있는 최소한의 단위이다. 컴포넌트에서 가장 중요한 속성은 재사용. 특정 영역에서만 사용 가능하지 않도록 용도가 명확히 정의되어야 하며 색,텍스트,아이콘 등을 이용해 시각적으로 적절히 구성해야 한다.
✅ 컴포넌트의 속성 5가지
Usage -목적과 역할을 정의
Shape -다른 요소와 구분,주목할 수 잇게 형태를 정의
Behavior- 행동(클릭/터치 등)에 따른 동작을 정의
Status - 현재 상태를 알려주는 방식을 정의
Context - 배치되는 공간에 따라 다른 쓰임새를 정의
✅ 컴포넌트를 3가지 카테고리로 나누면
Navigation - 정보를 탐색할 때 사용하는 컴포넌트
Input - 정보를 입력할 때 사용하는 컴포넌트
Information - 정보를 전달할 때 사용하는 컴포넌트