본문 바로가기

분류 전체보기135

46. Group (중급) : 버블의 그룹의 특징, 그룹을 사라지게 하기, 보여지게하기, 에니메이션 효과 지정하기 이 섹션에서는 element(요소)와 데이터를 포함하고 하위 요소의 응답 동작을 제어하는 데 사용할 수 있는 그룹을 다룹니다. (1) Group의 특징 그룹은 가장 기본적인 컨테이너 유형입니다. 다른 컨테이너 내부 또는 페이지의 아무 곳에나 배치할 수 있습니다. 심미적 목적(스타일 지정) 및 데이터 전달을 위해 다른 element(요소)를 구성하는 데 사용할 수 있습니다. (2) 요소의 탐색에 사용 (보이거나 , 사라지게) 다양한 Condition정의와 사용자 Action정의에 따라 그룹을 표시하거나 숨길 수 있습니다. 다른 element(요소)가 포함된 그룹을 숨기거나 표시하면 사용자가 다른 페이지로 이동하지 않고도 앱을 탐색할 수 있습니다. 그룹이 숨겨져 있을 때 높이와 너비를 축소하여 다른 그룹이 .. 2023. 7. 22.
45. Container (중급) : 버블의 컨테이너 정의, Group, RepeatingGroup, Popup, Floating Group, Group Focus 이 섹션은 다른 element(요소)들을 그룹화하고 제어하는 데 사용되는 컨테이너 element(요소)에 대해 다룹니다. 이 섹션에서는 컨테이너가 무엇이며 다양한 상황에서 어떻게 사용할 수 있는지에 대해 자세히 설명합니다. 컨테이너 element(요소)에서 사용 가능한 모든 설정을 보려면 아래의 간결한 페이지를 확인하세요 바로가기" href="https://conversion-skill.tistory.com/entry/9%EC%9E%A5-%EC%9A%94%EC%86%8C-element-%EC%A4%91%EA%B8%89" rel="noopener">Bubble element (중급) : 노코드 버블 앱의 element 구성 요소 > 바로가기 (1) 컨테이너 정의: 모든 element(요소)는 최상위 부모인.. 2023. 7. 22.
44. Visual element (초급) : 버블의 시각적 요소 정의 특징, 종류, Text, Button, Icon, Link, Image, Shape, Alert, Video, HTML, Map 이 섹션에서는 Bubble 편집기에서 사용할 수 있는 시각적 요소에 대해 설명합니다. (1) Visual element 정의 1. Visual element 특징 다른 element(요소)를 포함할 수 없음 입력(Input element)을 허용할 수 없음 페이지에 배치할 수 있는 요소 2. Visual element 용도 정보를 표시하거나 페이지에 시각적 아름다움 기여 버튼 클릭을 수락하려는 용도 (2) Visual element 종류 1. Text (텍스트) 편집할 수 없는 텍스트 element(요소)입니다. 헤더와 본문 같은 element는 모두 텍스트 element입니다. 2. Button (버튼) 버튼은 가운데 정렬된 텍스트가 있는 도형입니다. 클릭하여 workflow를 작동시키는 동작에 최적화.. 2023. 7. 22.
43. The page (중급) : 버블의 html page 이해, index page 생성, url주소 주의사항, 페이지 복사, 페이지 폴더 페이지(html page)는 앱의 사용자 인터페이스를 디자인하는 빈 캔버스입니다.Bubble의 디자인 및 사용자 인터페이스와 관련된 모든 것의 핵심은 페이지입니다.이것은 입력창, 텍스트, 이미지, 아이콘, 비디오 및 사용자가 애플리케이션을 사용하는 데 필요한 모든 것을 배치하는 캔버스입니다. (1) 페이지(html Page)란 무엇입니까?: 간단한 웹 사이트에서 복잡한 전자 상거래 플랫폼에 이르기까지 어떤 종류의 애플리케이션을 구축하든 관계없이 페이지는 모든 디자인 및 개발 작업의 출발점입니다.페이지 자체는 페이지 구조의 계층 구조에서 가장 낮은 밑바탕으로 볼 수 있으며 여기에 추가하는 모든 element(요소)는 해당 페이지 내에 포함됩니다. 바로가기 " href="https://conversion-.. 2023. 7. 21.
42. The element hierarchy, the element tree (초급) : 버블 element(요소) 계층구조의 이해, element(요소) tree 보기 이 섹션에서는 페이지에 element(요소)를 추가할 때 페이지에서 구조화되는 계층구조의 원리에 대해 알아보고 디자인 탭의 element tree에 대해 다룹니다. (1) 버블의 element 계층 구조 Bubble 페이지는 세 가지 유형의 component(구성요소)로 구성되어 있습니다. 1. 페이지(html page) 페이지는 웹 페이지의 최상위 구성 요소이며 페이지의 Group(그룹)과 element(요소)의 구성으로 이루어져 있습니다. 페이지는 모든 요소의 최상위 컨테이너(Container)입니다. 2. 컨테이너(Container)인 그룹(Group) Group(그룹)은 element(요소)들을 서로 묶고 해당 레이아웃을 제어하는 데 사용됩니다. 다른 element(요소)를 포함하는 "상자"로 생.. 2023. 7. 20.

티스토리툴바