속성 편집 (Inspector)

Inspector 는 선택한 컴포넌트의 속성을 편집하는 패널로, 편집기 오른쪽에 있습니다. 컴포넌트를 선택하면 그 컴포넌트가 가진 속성들이 표시됩니다.

편집할 수 있는 것

컴포넌트마다 다르지만, 일반적으로 다음을 다룹니다.

• 위치와 크기 — Auto Layout 기반의 배치
• 색상 — 배경색, 글자색 등. 모든 색상은 Light/Dark 모드 값을 함께 지정할 수 있습니다. (Color 참고)
• 폰트 — 글자 크기, 굵기, 정렬
• 컴포넌트별 고유 속성 — 예: Label 의 텍스트, Toggle 의 기본 상태, Slider 의 최소·최대값

각 컴포넌트가 어떤 속성을 갖는지는 UI 컴포넌트 전체 에서 확인할 수 있습니다.

Light / Dark 모드

색상을 지정할 때 Light 모드와 Dark 모드 값을 각각 정할 수 있습니다. 배경색과 글자색에 시스템 색상을 쓰면 별도 작업 없이도 Dark Mode 를 바로 지원합니다.

데이터와 동작 연결

Inspector 에서는 속성뿐 아니라 컴포넌트를 데이터에 바인딩하거나 이벤트에 Action Flow를 연결하는 것도 설정합니다. 디자인과 데이터, 동작이 같은 자리에서 이어지는 것이 Layerz 의 특징입니다.