본문 바로가기

버블 개발/중급91

66. 사용자에게 데이터 보여주기 (중급): Displaying Data, List를 사용하여 표시, auto-binding을 사용하여 표시 이 섹션에서는 앱에서 데이터베이스의 데이터를 표시하는 방법에 대해 설명합니다.사용자가 데이터가 되는 정보를 서버에 보내면 페이지 element를 사용하여 사용자 화면에 표시할 수 있습니다.컨테이너 element는 데이터 자체를 표시 하지 않지만 모든 하위 요소가 쉽게 참조할 수 있도록 데이터를 로드해 줍니다.이를 통해 데이터를 컨테이너에 쉽게 로드한 다음 이를 데이터 소스로 사용하여 표시하고 사용자가 데이터를 변경할 수 있습니다. (1) 데이터 표시 데이터는 단일 항목(예: 현재 사용자 보기) 또는 데이터들 List(예: 제품, 연락처 또는 작업 목록)으로 표시됩니다. 아래에는 이 두 가지 시나리오에 대한 자세한 정보를 제공합니다. 1. 컨테이너에 단일 항목 표시데이터를 표시하려면 해당 데이터를 그룹과 .. 2023. 8. 4.
65. 데이터 찾기 (중급) : 버블에서 사용자에게 정보 보여주기, 제약조건 설정하기, 리스트를 한개의 항목으로 변환 이 섹션에서는 제약 조건을 사용하여 데이터를 검색하는 방법에 대해 설명합니다. 이 섹션에서는 Bubble에서 검색이 작동하는 방식을 자세히 살펴봅니다.데이터베이스에 데이터를 추가하고 업데이트했으면, 이제 해당 데이터를 검색하고 앱의 화면에 표시해야 합니다. (1) 데이터 찾기데이터베이스에서 일부 데이터를 찾아야 할 때마다 Do a search for data source를 사용하여 검색을 수행할 수 있습니다.이를 통해 특정 제약 조건이 있는 데이터베이스에 대한 동적 쿼리를 설정할 수 있으며 Bubble은 제약 조건과 일치하는 해당 데이터 유형의 모든 항목을 반환합니다.한 번에 하나의 데이터 유형(Data type)만 검색할 수 있습니다. 1.  Do a search for 사용하기: 이름이 John인 모.. 2023. 8. 3.
64. 데이터 생성, 저장 및 삭제(중급): 워크플로우로 데이터 조작, 자동 바인딩 설정, 워크플로우와 자동 바인딩의 비교 이 문서에서는 데이터를 생성, 변경 및 삭제하여 데이터베이스로 작업하는 방법을 다룹니다. : Bubble은 데이터베이스의 데이터를 사용하여 다음과 같은 다양한 작업을 수행할 수 있는 다양한 방법을 제공합니다. 새로운 항목을 생성 기존 항목 변경 기존 항목 삭제 데이터베이스의 데이터 조작은 세 가지 방법으로 수행됩니다. 사용자가 변경 사항 저장 버튼을 클릭하는 것과 같은 특정 이벤트에서 트리거 되는 워크플로를 설정할 수 있습니다. Auto binding(자동 바인딩)을 사용하여 사용자가 입력 필드에 일부 입력을 제공할 때마다 데이터베이스에 변경 사항을 저장할 수 있습니다. 데이터베이스 편집기를 사용하여 데이터베이스에서 직접 데이터를 편집할 수 있습니다. 이 옵션은 Bubble 편집기에서 해당 액세스 권한이.. 2023. 8. 2.
63. Data types and fields (중급) : 버블의 데이터 유형, field 의미, custom data type 설정, SLUG 설정, Unique ID 의미 이 섹션에서는 데이터 유형(Data Type)이 무엇인지 알아보고, 다양한 종류의 정보를 담고 있는 필드(field)를 사용하여 어떻게 사용자 정의 유형(Custom Data Type)의 데이터를 설정하는지에 대한 방법을 설명합니다. 또한 구축 중인 앱의 종류에 따라 데이터베이스 구조를 설정하는 방법에 대한 가이드를 예시를 통하여 설명합니다. (1) Data Type (데이터 유형) 1. Data Type(데이터 유형) 정의 데이터베이스는 개발자가 계획하고 설정하는 다양한 Data Type(데이터 유형)으로 구성됩니다. Data Type(데이터 유형)은 특정 유형의 정보를 보유하는 컨테이너와 같으며 각 Data Type(데이터 유형)은 해당 정보가 저장되는 필드로 구성됩니다. 예를 들어, 스포츠 리그 관.. 2023. 8. 1.
61. Responsive Pages 3 (중급) : 버블의 반응형 디자인 만들기, 디자인 팁, element Inspector, Align, Arrange 이 페이지는 Bubble의 반응형 디자인 방법에 관련된 자료를 다룹니다. 또한 앱을 디자인할 때 사용하거나 수행하는 데 익숙해져야 하는 몇 가지 Tip에 대해 살표 봅니다. (1) 반응 알고리즘 이해 페이지 렌더링 방법을 제어하는 알고리즘은 몇 가지 핵심 원칙을 따릅니다. 완벽한 사용자 겸험이 만족을 위해서 렌더링 엔진의 작동 방식을 전반적으로 이해하는 것이 좋습니다. 1. 일반적으로 페이지 크기가 조정되면 여백보다 먼저 요소가 축소 및 확장됩니다. Bubble은 한 줄의 모든 요소가 최대 너비인 경우에만 여백을 확장하고 모든 요소가 최소 너비이고 다음 줄로 중단될 수 있는 모든 항목이 이미 다음 줄에 있는 경우에만 여백을 축소합니다. 2. 기본적으로 대부분의 요소는 수축 및 확장이 가능합니다. Prop.. 2023. 7. 31.

티스토리툴바