이 섹션은 요소를 페이지에 추가할 때 페이지에 구조화된 계층의 논리를 다룹니다.
The element hierarchy
Bubble 페이지는 세 가지 유형의 구성 요소로 구성됩니다.
페이지
•
페이지는 웹 페이지의 최상위 구성 요소이며 페이지의 그룹 및 요소를 조직하는 역할을 합니다.
•
페이지는 모든 요소의 최상위 컨테이너입니다.
컨테이너/그룹
•
그룹은 요소를 함께 그룹화하고 그들의 레이아웃을 제어하는 데 사용됩니다. 그들은 다른 요소를 보유하는 "상자"로 생각할 수 있습니다.
•
스타일이 적용될 수도 있고 사용자에게는 보이지 않을 수도 있으며 계층을 만들기 위해 요소와 심지어 다른 그룹을 포함할 수 있습니다. 그룹은 페이지의 디자인의 주요 부분이며 다른 요소의 동작 방식을 결정합니다.
•
그룹은 요소와 하위 그룹을 포함하는 컨테이너입니다.
요소
•
요소는 사용자가 앱을 사용하여 상호 작용하고 볼 수 있는 실제 콘텐츠입니다. 버튼, 링크, 이미지, 아이콘 및 입력 필드와 같은 것들이 있습니다.
•
요소는 사용자가 페이지에서 상호 작용하는 대상입니다.
이러한 구성 요소가 어떻게 구성되고 스타일이 지정되는지는 전체 레이아웃과 디자인을 결정합니다. 기술적인 관점에서 이러한 구성 요소는 페이지의 계층 구조를 형성합니다.
이를 도식화된 형태로 보는 것이 도움이 됩니다:
어떤 의미로는 위의 계층 구조는 브라우저가 화면에 결과를 렌더링하기 전에 페이지를 "보는" 방식입니다.
