디자인 시스템 > 컴포넌트와 속성

State (상태)

Figma Variant 중 default/hover/active/disabled 같은 상태형 변형과 같은 사고가, React 에서는 state 라고 불립니다.

Figma 의 마스터 컴포넌트에 Variant 를 두면 한 컴포넌트가 default / hover / active / disabled 같은 상태별로 다르게 그려지게 만들 수 있습니다. 같은 컴포넌트지만 어느 상태에 있는지에 따라 화면이 달라지죠.

전체 설명과 예시는 수강생에게 공개됩니다

이 개념의 코스 내 적용 예시, 코드 예제, 관련 강의 연결은 로그인 후 용어집에서 볼 수 있습니다.