Selection Control

이 섹션은 미리 정의된 옵션에서 선택 요소를 설정하는 선택 컨트롤 요소를 다룹니다.

• ctrl/command + k 를 누르면, 필요한 정보를 더 쉽게 검색할 수 있습니다.

• 공식 문서를 ChatGPT를 활용해 번역을 진행했으며, 모든 출처는 버블 공식 문서입니다.

• 공식 문서 양이 방대해 시간이 날 때마다 꾸준하게 작업 중입니다.

Selection controls

This section covers selection control elements, that lets you set up input elements with predefined options

https://manual.bubble.io/help-guides/design/elements/input-forms/selection-controls

Searchbox element

Multiselect dropdown

선택 컨트롤 요소는 사용자가 미리 선택된 옵션 집합에서 선택할 수 있게 하는 입력 요소입니다. 이것은 단순한 예/아니오 답변에서 데이터베이스나 다른 데이터 소스에서 하나 이상의 레코드를 선택하는 것까지 다양합니다.

Checkbox

How to Use The Checkbox Element | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:00 - Intro 0:06 - Checkbox Element Properties 0:13 - When to use the Checkbox Element 0:18 - Setting Label Text 0:26 - Setting Preset Status 0:35 - Dynamic Status Details 0:50 - Using Conditions with the Checkbox Element 0:58 - Outro Have a question? Please reach out to us support@bubble.io Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/HnJPoIAXgRc

체크박스 요소는 가장 기본적인 선택 컨트롤 요소로, 상자에 체크가 되어 있는지 여부에 따라 예/아니오를 반환합니다.

Video lessons

Radio button

How to Use The Radio Buttons Element | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:05 - Intro 0:06 - Radio Button Element Overview 0:14 - Radio Buttons vs Checkboxes 0:34 - Defining Radio Button Choices 0:49 - Radio Button Properties 1:11 - Using Radio Button Values 1:26 - Outro Have a question? Please reach out to us support@bubble.io Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/jqj5LnkjWNs

라디오 버튼 요소는 체크박스와 유사하지만 둘 이상의 옵션을 추가할 수 있습니다. 정적인 텍스트 옵션 목록을 설정할 수 있거나 (아래 예제에서는 텍스트 옵션 1, 옵션 2, 옵션 3을 사용했습니다) 데이터베이스에서 Things 목록을 가져와 레이블로 사용할 수 있습니다.

Video lessons

Dropdown

How to Use The Dropdown Element Redo | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:00 - Intro 0:06 - What the Dropdown Element Does 0:17 - Dropdown Elements with Static Lists 0:37 - Using the Dropdown Element's Value 0:45 - Dropdown Elements with Dynamic Lists 1:07 - Outro Have a question? Please reach out to us support@bubble.io Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/5jdnZtSBbjA

드롭다운 요소는 라디오 버튼 요소와 유사하게 사용자에게 텍스트 또는 데이터베이스에서 선택하도록 하는 선택 중 하나를 제공합니다.

Video lessons

Searchbox element

How to Use The Searchbox Element | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:00 - Intro 0:06 - Searchbox Element Overview 0:18 - Defining the Choices to Search 0:34 - Searching Dynamic Choices 1:04 - Searchbox Element Properties 1:34 - Outro Have a question? Please reach out to us support@bubble.io Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/TYlb77ObEyg

검색 상자 요소를 사용하면 데이터베이스 레코드에 대한 유연한 텍스트 검색을 설정할 수 있습니다. 이 요소는 일반적인 처럼 보이지만 사용자가 입력하는 대로 빠르고 동적으로 검색 결과를 반환합니다.

참고: 검색 상자 요소에서 문자를 입력하거나 변경할 때마다 새로운 이벤트가 트리거됩니다. 이는 빠른 검색 응답을 보장하지만 각 쿼리가 일부를 소비한다는 것을 기억하는 것이 좋습니다. 워크로드 관리에 대해 자세히 알아보려면 아래의 기사 시리즈를 참조하십시오.

Pricing and workload

Video lessons

Slider input

How to Use the Slider Input | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. New to Bubble? View our full Introduction series: https://www.youtube.com/playlist?list... Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/4GxuhmKij_4

슬라이더 입력 요소를 사용하면 사용자가 범위에서 숫자 값을 선택할 수 있습니다. 최소값과 최대값, 각 단계의 값을 설정할 수 있습니다.

Video lessons

Multiselect dropdown

멀티셀렉트 드롭다운 요소를 사용하면 사용자가 텍스트 또는 데이터베이스 레코드 목록에서 여러 옵션을 선택할 수 있습니다. 사용자는 드롭다운 목록에서 항목을 선택하거나 입력하여 검색할 수 있습니다.

이 요소는 지정한 데이터 유형의 목록을 반환합니다.

멀티셀렉트 드롭다운 요소는 플러그인입니다. Bubble이 만들었지만 사용하려면 앱에 설치해야 합니다.

플러그인 스토어에서 Multiselect dropdown을 검색하여 설치하십시오.

Video lessons