버블 개발/초급38 59. Styles (초급) : 버블의 스타일 설정하기, 중앙에서 통합 관리, 스타일 적용, 테마 설정하기 이 섹션에서는 앱 전체의 요소에 적용할 수 있는 중앙 집중식 스타일시트인 Style(스타일)에 대해 설명합니다. Style을 사용하면 앱 내의 요소에 대해 중요한 스타일을 설정하여 디자인 프로세스를 간소화하고 일관성을 높일 수 있습니다. (1) Style의 특징 및 장점 한 곳에서 단일 스타일을 설정하면 관련된 모든 요소의 스타일을 쉽게 다시 지정할 수 있으므로 앱에서 일관된 모양과 느낌을 쉽게 설정하고 관리할 수 있습니다. 각 스타일은 특정 요소 유형에 연결되며 다음 정보를 포함합니다. (요소 유형에 따라 다를 수 있음) Background Color or image (배경색 또는 배경 이미지) Border(경계선) Shadow(그림자) Font(폰트) Transitions(전환) Styles는 디자인.. 2023. 7. 28. 58. Font Variables (초급) : 버블의 폰트 변수 설정, 앱 전체의 글꼴을 중앙에서 관리 이 섹션에서는 앱 전체의 요소 및 스타일에 적용할 수 있는 글꼴 모음을 관리하는 데 사용되는 Font Variables(글꼴 변수)를 다룹니다. Font Variables(글꼴 변수)를 사용하면 글꼴 설정을 중앙 집중화하고 여러 요소 및 스타일에서 글꼴을 변경할 수 있습니다. 사용되는 각 인스턴스에서 Font Family(글꼴 패밀리)를 수동으로 조정하는 대신 한 곳에서 Font Variables(글꼴 변수)를 수정하고 변경 사항이 앱 전체에 전파되는 것을 볼 수 있습니다. Font Variables(글꼴 변수)는 스타일과 연결할 수 있습니다. 위의 이미지에서 글꼴 목록의 상단에 있는 두 옵션은 글꼴 변수입니다. 변수가 변경될 때마다 해당 변경 사항이 모든 스타일 및 요소에 전파됩니다. 새로 만든 앱의 .. 2023. 7. 28. 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. 이전 1 2 3 4 5 6 ··· 8 다음
