본문 바로가기

버블 개발/초급38

57. Color Variables (초급) : 버블의 색상변수 사용하기, 변수 설정으로 전체 색상을 쉽게 변경, Hex코드 정의 이 섹션에서는 앱 전체에 공통으로 적용할 수 있는 색상 팔레트를 설정하는 데 사용되는 색상 변수(Color Variable)에 대해 설명합니다. Style(스타일) 탭의 색상 변수(Color Variable) 기능을 사용하면 Bubble 앱 전체에 적용할 수 있는 색상 팔레트를 설정할 수 있습니다. 각 색상 변수(Color Variable)에는 다음이 포함됩니다. 색상 값을 결정하는 *Hex Code 투명도를 제어하는 알파 값 색상 및 글꼴 변수를 모두 통합하여 앱에 일관된 디자인 시스템을 구축할 수 있습니다. 요소 스타일에 색상 변수를 사용하면 스타일 탭에 지정된 색상 값에 대한 연결이 생성됩니다. *참고: Hex Code Hex Code는 특정 색상을 나타내는 데 사용되는 6자리 숫자입니다. RGB .. 2023. 7. 28.
55. Selection controls (초급) : 버블의 선택 컨트롤 요소, 체크박스, 라디오 버튼, 드랍다운 버튼, 슬라이더 입력, 다중선택 드랍다운 이 섹션에서는 사전 정의된 옵션으로 입력 요소를 설정할 수 있는 선택 제어(Selection controls) 요소에 대해 설명합니다. 선택 제어(Selection controls) 요소는 사용자가 미리 선택된 옵션 집합에서 선택할 수 있도록 하는 입력 요소입니다. 이는 단순한 예/아니오 응답에서부터 여러개의 데이터 선택에 이르기까지 다양합니다. (1) Checkbox (체크박스) Checkbox 요소는 박스의 체크 여부에 따라 yes /no 를 반환하는 가장 기본적인 선택 제어(Selection controls) 요소입니다. (2) Radio button (라디오 버튼) 라디오 버튼 요소는 checkbox와 유사하지만 둘 이상의 옵션을 추가할 수 있습니다. 이 요소의 editor에서 텍스트 옵션의 정적.. 2023. 7. 27.
51. Input form (초급) : 노코드 버블의 input 양식 정의, input 종류 알아보기 이 섹션에서는 입력 양식에 대해 설명합니다.(1) 입력양식(Input form)의 정의텍스트, 숫자, 날짜, 파일 업로드 및 동적 콘텐츠와 같은 사용자의 데이터 입력을 허용하는 element가 입력양식입니다.입력 양식은 사용자로부터 정보를 수집하는 데 사용하는 element(요소)입니다.간단한 확인란(check box)에 사용하거나 복잡한 형식으로 결합할 수 있습니다.이 섹션의 문서에서는 Bubble의 기본 제공 입력 요소를 다룹니다. 또한 플러그인 스토어에는 사용자 입력을 받아들이는 새로운 방법을 제공하는 다양한 플러그인들이 있습니다.  (2) 입력양식(Input form)의 종류사용자 입력은 많은 것을 의미할 수 있으며 대부분의 응용 프로그램은 사용자로부터 다양한 유형으로 입력을 받아들입니다. 위와 .. 2023. 7. 25.
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.

티스토리툴바