본문 바로가기

버블 개발/중급91

60. Custom Fonts (중급) : 버블에서 사용자 글꼴 사용하기, 안전한 글꼴 사용법, custom font 설정 Bubble은 텍스트 유형에 Google Web font을 사용합니다. 자유롭게 사용할 수 있는 오픈 소스 라이브러리 글꼴이며, 글꼴 파일은 Google 서버에 저장됩니다. Bubble에서 디자인할 때 가장 쉬운 옵션은 이 라이브러리에서 사용할 수 있는 글꼴 중 하나를 사용하는 것입니다. Google Web font 라이브러리는 널리 사용되므로 사용하는 글꼴이 많은 사용자의 브라우저에 이미 캐시 되어 있을 가능성이 높습니다. 본질적으로 이는 다른 웹사이트에서 이미 글꼴을 로드했으며 사용자가 다시 다운로드할 필요가 없음을 의미합니다. 이로 인해 페이지 로드가 빨라지고 총 페이지 크기가 작아집니다. 그러나 때때로 자신의 글꼴을 설치하고 싶을 때가 있슨니다. 예를 들어 특정 브랜드의 스타일 가이드를 준수하고 .. 2023. 7. 28.
56. Resuable Elements (중급) : 재사용 요소 만들기, 워크플로우 재사용하기, 기존 요소의 재사용 요소로 변환 재사용 가능한 요소는 둘 이상의 페이지에서 사용할 수 있는 Element Group (요소 그룹)을 만드는 방법입니다. (1) 재사용 가능한 요소의 의미 여러 페이지에서 같은 로그인 팝업에 접근하려면 한 번만 만들어서 재사용하는 것이 좋습니다. 마찬가지로 페이지 전체에서 균일한 바닥글과 머리글을 원하는 경우 한 번만 작성해야 합니다. 가능한 한 요소를 재사용 가능한 요소로 만들어야 앱이 더 가볍고 유지 관리하기 쉬워집니다. 재사용 가능한 요소는 재사용 가능한 워크플로를 만드는 좋은 방법이기도 합니다. 재사용 가능한 요소가 구축되면 페이지에 추가할 수 있는 또 다른 유형의 요소가 됩니다. (2) 재사용 가능한 요소(Resuable Element) 만들기 재사용 가능한 요소를 만들려면 좌측 상단 모서리 메뉴.. 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.
52. Text & numbers Input form (중급) : 입력형식의 종류, 멀티라인 입력, Rich text editor 사용하기 이 섹션에서는 텍스트와 숫자를 사용자 입력(Input form)으로 허용하는 element에 대해 설명합니다. 사용자는 텍스트 및 숫자 Input form(입력 양식)을 통해 데이터베이스에 저장하거나 다른 용도로 사용할 수 있는 텍스트 문자열과 숫자를 애플리케이션에게 제공할 수 있습니다. 다양한 시나리오에서 유용한 몇 가지 element(요소)가 있으며 이러한 element(요소)는 다양한 종류의 서식 및 사용자 경험을 처리하도록 설정할 수 있습니다. (1) Input (입력) 종류 Input form(입력 형식)는 한 줄 일반 텍스트(a single-line plaintext)에 사용되지만 다양한 옵션에서 콘텐츠 형식을 지정할 수 있습니다. 아래 목록의 설명에서 반환된 필드 유형(Field type r.. 2023. 7. 25.

티스토리툴바