본문 바로가기

버블 개발/초급38

49. Floating Group (초급) : 버블의 플로팅 그룹 설정, 앱 상단 고정 메뉴, 상단 헤더 메뉴, 항상 떠 있는 메뉴 만들기 이 섹션에서는 스크롤 위치에 관계없이 그룹을 화면 한쪽에 연결하는 데 주로 사용되는 그룹 유형인 Floating Group(플로팅 그룹)에 대해 설명합니다. (1) Floating Group의 특징 및 예시 플로팅 그룹은 페이지의 다른 element 위로 마우스를 가져가도록 설정할 수 있는 그룹 유형으로, 화면의 어느 쪽 면(side)에든 붙일 수 있으며 사용자가 위아래로 스크롤하는지 여부에 관계없이 그 자리에 머무를 수 있습니다. : Floating Group의 몇 가지 일반적인 사용 사례는 다음과 같습니다. 탐색 메뉴 사용자가 페이지를 아래로 스크롤하는 동안 화면 상단에 유지되는 플로팅 메뉴 모음입니다. 소셜 미디어 아이콘 일반적으로 화면 모서리에 고정된 위치에 머무르며 소셜 미디어 프로필에 빠르게 .. 2023. 7. 24.
48. Popup (초급) : 버블의 노코드 팝업창 이해, 팝업 표시하기, 트리거 이벤트 설정하기 이 섹션에서는 화면의 모든 다른 요소 위에 그룹을 설정하는 컨테이너 그룹유형인 Popup을 다룹니다. (1) 팝업의 특징 및 예시 Popup 그룹 유형은 페이지의 스크롤 위치에 관계없이 모든 요소 위에 표시되며 화면 중앙에 배치되는 그룹입니다. Popup아래를 숨기거나 흐리게 하도록 설정할 수 있습니다. 따라서 중요한 메시지나 양식을 표시하여 사용자의 주의를 즉시 끌 수 있는 유용한 방법입니다. : 팝업의 일반적인 사용 사례는 다음과 같습니다. 오류 메시지 및 경고 등록 양식 문의/피드백 양식 뉴스레터 가입 양식 판촉 행사 및 할인 팝업을 사용하여 사용자의 관심을 즉시 끌 수 있습니다. (2) 팝업표시 및 숨기기 팝업은 기본적으로 화면 로드 시 표시되지 않으며 조건을 사용하여 표시할 수 없습니다. 이런 .. 2023. 7. 24.
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.
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.
37. Bubble Plugin (초급) : 버블 플러그인의 기능, 버블 플러그인 용도 플러그인이 할 수 있는 것 들 플러그인은 버블 애플리케이션에서 사용할 수 있는 element, action, event 또는 데이터 소스를 추가적으로 사용하기 위한 버블 자체 또는 외부에서 제작한 애플리케이션입니다. 플러그인은 앱에 다양한 데이터 항목을 추가하거나 이러한 항목의 조합을 추가할 수 있습니다. (1) 백그라운드 서비스 플러그인은 페이지 헤더에 일부 코드를 추가하고 앱에서 일부 백그라운드 서비스를 활성화할 수 있습니다. 예를 들어 Analytics 서비스는 앱(Google Analytics 등)에 추가할 수 있는 매우 일반적인 백그라운드 서비스입니다. (2) API 데이터 소스 플러그인은 'API에서 데이터 가져오기' 데이터 소스에서 사용할 수 있는 API 연결을 추가할 수 있습니다. iTun.. 2023. 7. 17.

티스토리툴바