UX/UI 시작하기 : Figma 입문 (Inflearn Original) 강의 중

Question

섹션 3. 컴포넌트 이해와 활용 중에서 "컴포넌트를 만드는 방법" 강의를 듣다 이해가 잘 안 되는 것이 있어 질문합니다. 컴포넌트를 만들 때는 더이상 쪼개지지 않는 단위부터 만드는 게 좋다고 하셨는데 조합형 컴포넌트를 만든다고 가정했을 때 (가령 ㅁ1+ㅁ2를 조합하여 컴포넌트를 만든다고 했을 때) 그 안에 요소가 마스터의 성격을 가질 수 있다라고 하면 기초 단위 마스터를 다시 만들어서 조합형 컴포넌트 안에 일반 ui요소를 컴포넌트 방식으로 교체해주면 된다고 하셨던 걸 토대로 한다면 ㅁ1+ㅁ2에서 ㅁ1, ㅁ2도 각각 컴포넌트 처리를 해야한다는 소리인가요?

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. 네, gayengy0404님의 이해하신 바와 같습니다. 컴포넌트를 만들 때 가장 기본이 되는 단위, 즉 더 이상 쪼개지지 않는 단위부터 컴포넌트로 만드는 것이 좋습니다. 조합형 컴포넌트를 제작할 경우에는 ㅁ1, ㅁ2 각각을 먼저 컴포넌트로 만든 뒤, 이들을 조합하여 새로운 컴포넌트(ㅁ1+ㅁ2)를 만드는 것이 맞습니다. 이렇게 함으로써 유지 보수가 용이하고, 컴포넌트의 재사용성을 높일 수 있습니다. 기초 단위의 컴포넌트가 마스터 역할을 하여, 이를 통해 조합형 컴포넌트 내에서 일관된 디자인을 유지할 수 있게 됩니다. 답변이 도움이 되셨기를 바랍니다.