컴포넌트 작업 시 프로퍼티가 많아질 때, 이를 효율적으로 관리하거나 그룹화하는 방법이 있을까요?
답변
피그마에서 컴포넌트 프로퍼티가 많아질 때 이를 효율적으로 관리하는 방법은 여러 가지가 있습니다.
네스티드 인스턴스(Nested Instances) 활용: 복잡한 컴포넌트는 여러 개의 작은 베이스 컴포넌트(Nested Instances)로 구성하고, 각 베이스 컴포넌트에 필요한 프로퍼티를 적용합니다. 그리고 최종 컴포넌트에서 이 베이스 컴포넌트들의 프로퍼티를 노출(Expose properties from nested instances)시켜 관리할 수 있습니다. 이는 프로퍼티를 논리적으로 그룹화하는 효과를 줍니다.
프로퍼티 이름 컨벤션: 프로퍼티 이름에 접두사를 붙여 그룹화하는 것처럼 보이게 할 수 있습니다 (예: `state/active`, `state/inactive`, `size/small`, `size/medium`).
변수(Variables) 활용: 색상, 텍스트 스타일, 간격 등 반복되는 속성들은 변수로 정의하여 컴포넌트 프로퍼티를 줄이고 일관성을 유지할 수 있습니다.
컴포넌트 분리: 너무 많은 프로퍼티를 가진 컴포넌트는 여러 개의 더 작은 컴포넌트로 분리하는 것을 고려해볼 수 있습니다.