본문 바로가기

버블 개발131

47. Repeating group (중급) : 버블의 반복 그룹 정의, 리스트 디자인, 카드 디자인, masonry 디자인 사용하기 이 섹션에서는 데이터베이스의 레코드와 같은 항목 리스트를 표시하는 데 유용한 컨테이너 유형인 Repeating group (반복 그룹)을 다룹니다. (1) Repeating group(반복 그룹) 정의 반복 그룹은 각 항목에 대해 그룹의 콘텐츠를 한 번씩 반복하여 데이터베이스의 레코드와 같은 항목의 목록(List)을 표시하는 데 사용되는 컨테이너 유형입니다. 이전 글에서는 그룹(Group)에 데이터를 로드하고 하위 요소가 해당 데이터를 참조하도록 허용할 수 있는 일반 그룹(Group)에 대해 살펴보았습니다. 반복 그룹은 단일 레코드가 아닌 데이터 목록(List)와 함께 작동하도록 설정된다는 점을 제외하면 거의 동일한 방식으로 작동합니다. 예시) 예를 들어 앱에 사용자 목록(List)을 표시하고 사용자 이.. 2023. 7. 23.
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.

티스토리툴바