본문 바로가기

버블 개발131

57. Color Variables (초급) : 버블의 색상변수 사용하기, 변수 설정으로 전체 색상을 쉽게 변경, Hex코드 정의 이 섹션에서는 앱 전체에 공통으로 적용할 수 있는 색상 팔레트를 설정하는 데 사용되는 색상 변수(Color Variable)에 대해 설명합니다. Style(스타일) 탭의 색상 변수(Color Variable) 기능을 사용하면 Bubble 앱 전체에 적용할 수 있는 색상 팔레트를 설정할 수 있습니다. 각 색상 변수(Color Variable)에는 다음이 포함됩니다. 색상 값을 결정하는 *Hex Code 투명도를 제어하는 알파 값 색상 및 글꼴 변수를 모두 통합하여 앱에 일관된 디자인 시스템을 구축할 수 있습니다. 요소 스타일에 색상 변수를 사용하면 스타일 탭에 지정된 색상 값에 대한 연결이 생성됩니다. *참고: Hex Code Hex Code는 특정 색상을 나타내는 데 사용되는 6자리 숫자입니다. RGB .. 2023. 7. 28.
56. Resuable Elements (중급) : 재사용 요소 만들기, 워크플로우 재사용하기, 기존 요소의 재사용 요소로 변환 재사용 가능한 요소는 둘 이상의 페이지에서 사용할 수 있는 Element Group (요소 그룹)을 만드는 방법입니다. (1) 재사용 가능한 요소의 의미 여러 페이지에서 같은 로그인 팝업에 접근하려면 한 번만 만들어서 재사용하는 것이 좋습니다. 마찬가지로 페이지 전체에서 균일한 바닥글과 머리글을 원하는 경우 한 번만 작성해야 합니다. 가능한 한 요소를 재사용 가능한 요소로 만들어야 앱이 더 가볍고 유지 관리하기 쉬워집니다. 재사용 가능한 요소는 재사용 가능한 워크플로를 만드는 좋은 방법이기도 합니다. 재사용 가능한 요소가 구축되면 페이지에 추가할 수 있는 또 다른 유형의 요소가 됩니다. (2) 재사용 가능한 요소(Resuable Element) 만들기 재사용 가능한 요소를 만들려면 좌측 상단 모서리 메뉴.. 2023. 7. 27.
55. Selection controls (초급) : 버블의 선택 컨트롤 요소, 체크박스, 라디오 버튼, 드랍다운 버튼, 슬라이더 입력, 다중선택 드랍다운 이 섹션에서는 사전 정의된 옵션으로 입력 요소를 설정할 수 있는 선택 제어(Selection controls) 요소에 대해 설명합니다. 선택 제어(Selection controls) 요소는 사용자가 미리 선택된 옵션 집합에서 선택할 수 있도록 하는 입력 요소입니다. 이는 단순한 예/아니오 응답에서부터 여러개의 데이터 선택에 이르기까지 다양합니다. (1) Checkbox (체크박스) Checkbox 요소는 박스의 체크 여부에 따라 yes /no 를 반환하는 가장 기본적인 선택 제어(Selection controls) 요소입니다. (2) Radio button (라디오 버튼) 라디오 버튼 요소는 checkbox와 유사하지만 둘 이상의 옵션을 추가할 수 있습니다. 이 요소의 editor에서 텍스트 옵션의 정적.. 2023. 7. 27.
54. File Uploader (중급) : 버블에서 파일 업로드하기, 여러 파일 동시에 올리기, 드래그엔 드랍하여 올리기, 파일 삭제 순서 이 섹션에서는 사용자가 파일 및 이미지를 업로드할 수 있는 element(요소)를 다룹니다. 파일 업로드 element(요소)를 사용하면 사용자가 모든 종류의 파일을 Bubble 서버에 업로드할 수 있습니다. Bubble에는 파일 업로드를 위한 두 가지 element(요소)가 있습니다. 하나는 일반 파일 업로드용이고 다른 하나는 이미지 전용입니다. (1) 데이터베이스에 파일 저장 원리 Bubble 데이터 유형 편집기에서 두 가지 유형의 파일 업로드 필드를 추가할 수 있습니다. File Image Bubble 데이터베이스에 파일을 업로드할 때 데이터베이스에는 실제로 파일 자체를 저장하지 않습니다. 파일 업로드는 실제로 두 가지 과정을 거칩니다. 먼저 Bubble이 파일을 *AWS 서버에 업로드한 다음 UR.. 2023. 7. 27.
53. Dates and Time (중급): 버블의 날짜와 시간을 다루는 방법, Date / Time Picker, 날짜시간 선택기 사용, Unix Time 정의 이 섹션에서는 Bubble에서 날짜와 시간을 다루는 방법에 대해 설명하고 날짜와 시간을 입력받는 input에 대해 설명합니다. (1) 버블의 날짜/시간 정의 날짜 및 시간 element를 사용하면 사용자가 날짜, 시간 또는 둘 다 다른 방식으로 지정할 수 있습니다. 사용자의 생일을 저장하거나, 검색 결과를 필터링하거나, 특정 시간대에 예약을 수락하려는 경우 Bubble은 사용자 친화적인 방식으로 설정할 수 있는 여러 도구를 제공합니다. 날짜와 시간을 처리하는 UX를 설계하면 다양한 시나리오가 열립니다. Bubble의 기본 제공 도구는 다양한 기능을 제공하지만 훨씬 더 많은 사용자 정의를 제공하는 많은 플러그인도 있습니다. 자세한 내용은 플러그인 스토어를 확인하세요 (2) Bubble이 날짜 및 시간을 처.. 2023. 7. 26.

티스토리툴바