*질문사항이나 개발 의뢰는 하단의 댓글이나 이메일로 남겨주세요
[프로모션] 버블의 15$ 크레딧 받고 노코드 앱 제작하자! 지금 친구 프로그램에 참여하세요!
번뜩이는 아이디어를 현실로 만들 준비가 되셨나요? Bubble를 사용하면 개발자 고용 없이도 앱 제작이 가능합니다. 15$ 친구 기부 프로그램을 통해, $15크레딧도 얻고 혁신적인 개발개념으로 빠르
conversion-skill.tistory.com
(1) 버블 소개
버블 티 ? 버블.io 코딩없이 앱 제작하기! (노코딩 개발 기초)
코딩 없이 애플리케이션을 개발하려고 하시나요? 자신에게 맞는 노코드 도구를 알아보고 빠르게 앱 개발을 진행하세요. (1) 노코드 도구란? 코딩 경험이 없는 사람들이 비주얼 인터페이스와 드
conversion-skill.tistory.com
1. 노코드 툴 버블Bubble 의 특징과 장점: 무료 앱 제작 (기초)
Bubble은 코드를 작성하지 않고 웹 애플리케이션을 만들 수 있는 코드 없는 개발 도구입니다. 기술적 배경에 관계없이 누구나 정교한 웹 애플리케이션을 구축할 수 있게 해주는 강력한 도구입니
conversion-skill.tistory.com
2-1. Bubble 인터페이스 이해 (기초): 버블 플랫폼 시작하기
이 장에서는 Bubble인터페이스와 이를 탐색하는 방법을 다룹니다. 에디터는 7개의 Main tab들로 이루어져있습니다. 핵심 툴(key Tools)과 핵심기능(Core Features)들로 구성되어 애플리케이션을 만들 수 있
conversion-skill.tistory.com
2-2. Bubble Key tools (기초): 버블의 핵심 도구, 버블의 특별한 도구 이해하기
Key tools (1) Property Editor 요소(element)를 두 번 클릭하거나 이벤트 또는 액션을 한 번 클릭하면 나타납니다. 속성 편집기는 각 페이지의 다양한 요소를 디자인하고 이벤트 및 액션을 사용자 정의하
conversion-skill.tistory.com
2-3. Bubble Key features (기초) : 버블의 핵심 기능, 노코드 툴로 앱 만들기
Key features (1) Real-time saving Bubble은 앱을 자동으로 실시간으로 저장합니다. 요소, 동작, 설정 등을 수정하면 변경 사항이 자동으로 저장됩니다. 저장 과정이 완료되면 상단 바에 '저장 중' 알림이
conversion-skill.tistory.com
3. 버블로 첫 번째 앱 만들기 (기초) : 앱 개발의 단계적 튜토리얼
이 장에서는 Bubble를 사용하여 첫 번째 웹 애플리케이션을 구축하는 과정을 안내합니다. 자신의 첫 번째 앱을 만들 준비가 되셨나요? 단계별 튜토리얼을 따라가며 앱 개발의 기본 원칙을 배워보
conversion-skill.tistory.com
(2) Bubble Design
4. Bubble Design (초급) : 버블 디자인 도구, 노코드로 앱 빠르게 디자인하기
(1) 버블의 디자인 Bubble디자인의 핵심은 기본적인 웹사이트부터 전문 웹 사이트 및 SaaS 애플리케이션에 이르기까지 디자인을 쉽고 정확하게 만드는 것입니다. 1. 특징 소개 1) 심미적인 효과 디자
conversion-skill.tistory.com
1. Element
9. Bubble element (중급) : 노코드 버블 앱의 element 구성 요소
이 섹션에서는 애플리케이션의 사용자 인터페이스를 구성하는 빌딩 블록인 Element(요소)를 다룹니다. 앱 사용자 인터페이스의 모든 부분은 계층 구조로 구성된 요소로 구성됩니다. 이 계층 구조
conversion-skill.tistory.com
- Element에 대한 자세한 설명은 아래의 더보기를 눌러주세요
42. The element hierarchy, the element tree (초급) : 버블 element(요소) 계층구조의 이해, element(요소) tree 보
이 섹션에서는 페이지에 element(요소)를 추가할 때 페이지에서 구조화되는 계층구조의 원리에 대해 알아보고 디자인 탭의 element tree에 대해 다룹니다. (1) 버블의 element 계층 구조 Bubble 페이지는
conversion-skill.tistory.com
43. The page (중급) : 버블의 html page 이해, index page 생성, url주소 주의사항, 페이지 복사, 페이지 폴
페이지(html page)는 앱의 사용자 인터페이스를 디자인하는 빈 캔버스입니다. Bubble의 디자인 및 사용자 인터페이스와 관련된 모든 것의 핵심은 페이지입니다. 이것은 입력창, 텍스트, 이미지, 아이
conversion-skill.tistory.com
44. Visual element (초급) : 버블의 시각적 요소 정의 특징, 종류, Text, Button, Icon, Link, Image, Shape, Alert, V
이 섹션에서는 Bubble 편집기에서 사용할 수 있는 시각적 요소에 대해 설명합니다. (1) Visual element 정의 1. Visual element 특징 다른 element(요소)를 포함할 수 없음 입력(Input element)을 허용할 수 없음 페
conversion-skill.tistory.com
45. Container (중급) : 버블의 컨테이너 정의, Group, RepeatingGroup, Popup, Floating Group, Group Focus
이 섹션은 다른 element(요소)들을 그룹화하고 제어하는 데 사용되는 컨테이너 element(요소)에 대해 다룹니다. 이 섹션에서는 컨테이너가 무엇이며 다양한 상황에서 어떻게 사용할 수 있는지에 대
conversion-skill.tistory.com
46. Group (중급) : 버블의 그룹의 특징, 그룹을 사라지게 하기, 보여지게하기, 에니메이션 효과 지
이 섹션에서는 element(요소)와 데이터를 포함하고 하위 요소의 응답 동작을 제어하는 데 사용할 수 있는 그룹을 다룹니다. (1) Group의 특징 그룹은 가장 기본적인 컨테이너 유형입니다. 다른 컨테
conversion-skill.tistory.com
47. Repeating group (중급) : 버블의 반복 그룹 정의, 리스트 디자인, 카드 디자인, masonry 디자인 사용
이 섹션에서는 데이터베이스의 레코드와 같은 항목 리스트를 표시하는 데 유용한 컨테이너 유형인 Repeating group (반복 그룹)을 다룹니다. (1) Repeating group(반복 그룹) 정의 반복 그룹은 각 항목에
conversion-skill.tistory.com
48. Popup (초급) : 버블의 노코드 팝업창 이해, 팝업 표시하기, 트리거 이벤트 설정하기
이 섹션에서는 화면의 모든 다른 요소 위에 그룹을 설정하는 컨테이너 그룹유형인 Popup을 다룹니다. (1) 팝업의 특징 및 예시 Popup 그룹 유형은 페이지의 스크롤 위치에 관계없이 모든 요소 위에
conversion-skill.tistory.com
49. Floating Group (초급) : 버블의 플로팅 그룹 설정, 앱 상단 고정 메뉴, 상단 헤더 메뉴, 항상 떠 있
이 섹션에서는 스크롤 위치에 관계없이 그룹을 화면 한쪽에 연결하는 데 주로 사용되는 그룹 유형인 Floating Group(플로팅 그룹)에 대해 설명합니다. (1) Floating Group의 특징 및 예시 플로팅 그룹은
conversion-skill.tistory.com
50. Group focus (중급) : 버블의 그룹 포커스 설정, 드롭다운 메뉴 만들기, 리피팅 그룹 안에 드랍다
이 섹션에서는 그룹의 한 종류인 Group Focus(그룹 포커스)를 다룹니다. (1) Group Focus의 특징과 예시 이 그룹은 포커스가 있는 동안 계속 화면에 표시되며 일반적으로 드롭다운 메뉴에 사용됩니다. 1.
conversion-skill.tistory.com
51. Input form (초급) : 노코드 버블의 input 양식 정의, input 종류 알아보기
이 섹션에서는 입력 양식에 대해 설명합니다. (1) 입력양식(Input form)의 정의 텍스트, 숫자, 날짜, 파일 업로드 및 동적 콘텐츠와 같은 사용자의 데이터 입력을 허용하는 element가 입력양식입니다.
conversion-skill.tistory.com
52. Text & numbers Input form (중급) : 입력형식의 종류, 멀티라인 입력, Rich text editor 사용하기
이 섹션에서는 텍스트와 숫자를 사용자 입력(Input form)으로 허용하는 element에 대해 설명합니다. 사용자는 텍스트 및 숫자 Input form(입력 양식)을 통해 데이터베이스에 저장하거나 다른 용도로 사
conversion-skill.tistory.com
53. Dates and Time (중급): 버블의 날짜와 시간을 다루는 방법, Date / Time Picker, 날짜시간 선택기 사용,
이 섹션에서는 Bubble에서 날짜와 시간을 다루는 방법에 대해 설명하고 날짜와 시간을 입력받는 input에 대해 설명합니다. (1) 버블의 날짜/시간 정의 날짜 및 시간 element를 사용하면 사용자가 날짜,
conversion-skill.tistory.com
54. File Uploader (중급) : 버블에서 파일 업로드하기, 여러 파일 동시에 올리기, 드래그엔 드랍하여
이 섹션에서는 사용자가 파일 및 이미지를 업로드할 수 있는 element(요소)를 다룹니다. 파일 업로드 element(요소)를 사용하면 사용자가 모든 종류의 파일을 Bubble 서버에 업로드할 수 있습니다. Bubbl
conversion-skill.tistory.com
55. Selection controls (초급) : 버블의 선택 컨트롤 요소, 체크박스, 라디오 버튼, 드랍다운 버튼, 슬라
이 섹션에서는 사전 정의된 옵션으로 입력 요소를 설정할 수 있는 선택 제어(Selection controls) 요소에 대해 설명합니다. 선택 제어(Selection controls) 요소는 사용자가 미리 선택된 옵션 집합에서 선택
conversion-skill.tistory.com
56. Resuable Elements (중급) : 재사용 요소 만들기, 워크플로우 재사용하기, 기존 요소의 재사용 요소
재사용 가능한 요소는 둘 이상의 페이지에서 사용할 수 있는 Element Group (요소 그룹)을 만드는 방법입니다. (1) 재사용 가능한 요소의 의미 여러 페이지에서 같은 로그인 팝업에 접근하려면 한 번
conversion-skill.tistory.com
2. Styling
10. Bubble Styling (중급) : 버블 스타일링, 노코드 앱 버블 빠른 사용자 스타일 저장
Styling 스타일링 이 섹션에서는 색상, 테두리, 그림자 및 글꼴과 같은 요소에 적용할 수 있는 다양한 스타일 속성을 다룹니다. (1) 스타일링이란 페이지에 추가하는 각 element(요소)에는 기본 스타
conversion-skill.tistory.com
- Styling에 대한 자세한 설명은 아래의 더보기를 눌러주세요
57. Color Variables (초급) : 버블의 색상변수 사용하기, 변수 설정으로 전체 색상을 쉽게 변경, Hex코
이 섹션에서는 앱 전체에 공통으로 적용할 수 있는 색상 팔레트를 설정하는 데 사용되는 색상 변수(Color Variable)에 대해 설명합니다. Style(스타일) 탭의 색상 변수(Color Variable) 기능을 사용하면 Bubb
conversion-skill.tistory.com
58. Font Variables (초급) : 버블의 폰트 변수 설정, 앱 전체의 글꼴을 중앙에서 관리
이 섹션에서는 앱 전체의 요소 및 스타일에 적용할 수 있는 글꼴 모음을 관리하는 데 사용되는 Font Variables(글꼴 변수)를 다룹니다. Font Variables(글꼴 변수)를 사용하면 글꼴 설정을 중앙 집중화하
conversion-skill.tistory.com
59. Styles (초급) : 버블의 스타일 설정하기, 중앙에서 통합 관리, 스타일 적용, 테마 설정하기
이 섹션에서는 앱 전체의 요소에 적용할 수 있는 중앙 집중식 스타일시트인 Style(스타일)에 대해 설명합니다. Style을 사용하면 앱 내의 요소에 대해 중요한 스타일을 설정하여 디자인 프로세스를
conversion-skill.tistory.com
60. Custom Fonts (중급) : 버블에서 사용자 글꼴 사용하기, 안전한 글꼴 사용법, custom font 설정
Bubble은 텍스트 유형에 Google Web font을 사용합니다. 자유롭게 사용할 수 있는 오픈 소스 라이브러리 글꼴이며, 글꼴 파일은 Google 서버에 저장됩니다. Bubble에서 디자인할 때 가장 쉬운 옵션은 이 라
conversion-skill.tistory.com
3. Responsive design
11. Bubble Responsive design 1 (초급) : 버블 반응형 디자인, 쉬운 노코드 반응형 디자인하기
(1) 반응형 디자인이란? :반응형 디자인은 사용자가 앱에 액세스하는 데 사용하는 장치의 종류에 관계없이 사용자에게 훌륭한 경험을 제공하는 방법입니다. 반응형 디자인은 레이아웃과 콘텐츠
conversion-skill.tistory.com
- Responsive design 에 대한 자세한 설명은 아래의 더보기를 눌러주세요
12. Bubble Responsive pages 2 (중급) : 버블 반응형 디자인, 반응형 디자인의 원리 이해, Eelement 설정
(1) Parent-child relationships : 부모 자식 관계 : 앱 디자인은 Parent-child(부모-자식) 관계의 계층 구조로 구성됩니다. page(페이지) 자체는 다른 모든 element(요소)의 부모이며 해당 페이지에는 그 안에 있
conversion-skill.tistory.com
61. Responsive Pages 3 (중급) : 버블의 반응형 디자인 만들기, 디자인 팁, element Inspector, Align, Arrange
이 페이지는 Bubble의 반응형 디자인 방법에 관련된 자료를 다룹니다. 또한 앱을 디자인할 때 사용하거나 수행하는 데 익숙해져야 하는 몇 가지 Tip에 대해 살표 봅니다. (1) 반응 알고리즘 이해 페
conversion-skill.tistory.com
4. Templates
13. Bubble Templates (초급) : 버블 템플릿, 준비된 앱을 가져와서 빠르게 프로젝트를 시작하기
(1) 템플릿 : Templates :템플릿을 사용하면 사전에 제작된 앱을 가져와 프로젝트를 빠르게 시작할 수 있습니다. *템플릿에는 디자인과 워크플로가 모두 포함되어 있으므로 이는 단순한 디자인 기능
conversion-skill.tistory.com
5. Component Library
14. Bubble Component Library (중급) : 컴포넌트 라이브러리, 쉽고 빠르게 가입/로그인 구현해보기
컴포넌트 라이브러리는 멋진 인터페이스를 더 빠르게 구축하는 데 도움이 되도록 페이지로 끌어다 놓을 수 있는 사전 구축된 사용자 인터페이스(UI) 구성 요소 모음입니다. 이러한 UI 구성 요소
conversion-skill.tistory.com
6. Importing from Figma
15. Bubble Figma Import (초급) : 피그마에서 디자인 가져오기, Figma 디자이너와 쉽게 협업하기
Figma에서 가져오기 이 기능은 Figma 디자인을 Bubble 앱으로 가져옵니다. : 두 플랫폼의 차이로 인해 가져오기가 100% 충실하지는 않지만 이러한 장점은 앱 디자인 프로세스에서 유리한 출발을 할 수
conversion-skill.tistory.com
(3) Data
5. Bubble Data (초급) : 버블의 데이터, 노코드앱의 쉬운 데이터 설정
이 섹션에서는 Bubble에서 데이터로 작업하는 다양한 방법을 다룹니다. Bubble이 다양한 유형의 데이터를 관리하는 방법을 자세히 살펴봅니다. (1) Intro : Database 소개 데이터 작업은 모든 애플리케이
conversion-skill.tistory.com
1. The database
16. The database (중급) : 데이터베이스 기본지식, 버블 데이터의 특징, Dynamic data 기본지식
(1) 데이터베이스는 대부분의 애플리케이션의 초석입니다. :애플리케이션은 모든 Dynamic data(동적 데이터)를 다룹니다. 즉 개발자와 사용자가 필요할 때마다 생성, 변경, 보기 및 삭제할 수 있는
conversion-skill.tistory.com
- 자세한 설명은 아래의 더보기를 눌러주세요
63. Data types and fields (중급) : 버블의 데이터 유형, field 의미, custom data type 설정, SLUG 설정, Unique ID
이 섹션에서는 데이터 유형(Data Type)이 무엇인지 알아보고, 다양한 종류의 정보를 담고 있는 필드(field)를 사용하여 어떻게 사용자 정의 유형(Custom Data Type)의 데이터를 설정하는지에 대한 방법을
conversion-skill.tistory.com
64. 데이터 생성, 저장 및 삭제(중급): 워크플로우로 데이터 조작, 자동 바인딩 설정, 워크플로우
이 문서에서는 데이터를 생성, 변경 및 삭제하여 데이터베이스로 작업하는 방법을 다룹니다. : Bubble은 데이터베이스의 데이터를 사용하여 다음과 같은 다양한 작업을 수행할 수 있는 다양한 방
conversion-skill.tistory.com
65. 데이터 찾기 (중급) : 버블에서 사용자에게 정보 보여주기, 제약조건 설정하기, 리스트를 한개
이 섹션에서는 제약 조건을 사용하여 데이터를 검색하는 방법에 대해 설명합니다. 이 섹션에서는 Bubble에서 검색이 작동하는 방식을 자세히 살펴봅니다. 데이터베이스에 데이터를 추가하고 업
conversion-skill.tistory.com
66. 사용자에게 데이터 보여주기 (중급): Displaying Data, List를 사용하여 표시, auto-binding을 사용하여
이 섹션에서는 앱에서 데이터베이스의 데이터를 표시하는 방법에 대해 설명합니다. 사용자가 데이터가 되는 정보를 서버에 보내면 페이지 element를 사용하여 사용자 화면에 표시할 수 있습니다.
conversion-skill.tistory.com
67. 개인정보규칙과 데이터 보호(중급) : Protecting data with Privacy Rules, 규칙 설정 방법, 예시
이 섹션에서는 개인 정보 보호 규칙을 사용하여 개인 데이터를 보호하는 방법에 대해 설명합니다. 이 섹션에서는 개인 정보 보호 규칙이 무엇인지 자세히 살펴봅니다. : 개인 정보 보호 규칙(Priv
conversion-skill.tistory.com
68. 버블의 데이터베이스 편집기 (중급) : The database editor 사용, 임의의 사용자로 보기, primary key 설
이 섹션에서는 앱의 모든 데이터를 관리할 수 있는 Bubble의 내장 데이터베이스 편집기에 대해 다룹니다. Bubble에는 데이터베이스 편집기가 내장되어 있습니다. DATA 탭의 App data 섹션에는 응용 프
conversion-skill.tistory.com
69. 위치 데이터로 작업하기 (중급) : 구글 지도 사용, 구글 MAP API 설정, API 키 발급 및 설정
Bubble의 지도 및 위치 정보 기능은 Google API에 의존합니다. 이 가이드는 Google에서 자신의 키를 얻고 Bubble에 등록하는 방법을 다룹니다. Bubble에 세팅하기 메인 패널의 좌측 Settings > General > "General se
conversion-skill.tistory.com
70. algolia사용하기 (중급) : algolia장점, 설정하기, indexing 색인, searching 검색, 주의사항
이 섹션에서는 검색기능 공급사인 Algolia를 Bubble과 함께 사용하는 방법에 대해 설명합니다. Bubble은 검색 SaaS(search-as-a-service) 제공업체인 Algolia와 기능적으로 통합되어 있습니다. 이 통합적인 기
conversion-skill.tistory.com
2. Files
17. Bubble Files (중급) - 버블 파일, 사진 업로드, 삭제, 보호 규칙
이 섹션에서는 Bubble에 업로드된 파일과 이미지를 처리하는 방법에 대해 다루게 됩니다. (1) Bubble 파일, 이미지 업로드 built-in(내장된) 도구 :Bubble은 파일과 이미지를 업로드하고 저장하기 위해서
conversion-skill.tistory.com
3. Static data
18. Static data (중급) : 버블 정적 데이터 쉽게 파악하기, 정적 데이터의 종류와 특징
*이 섹션에서는 Bubble에 정적 데이터를 저장하는 다양한 방법을 다룹니다. (1) 정의 Bubble의 정적 데이터는 다음과 같은 데이터로 정의됩니다. 업데이트하려면 앱을 다시 배포해야 합니다. 애플리
conversion-skill.tistory.com
- 자세한 설명은 아래의 더보기를 눌러주세요
71. App text (중급) : 버블 앱 텍스트 (자동번역) 설정, 다중어 사용 설정, 글로벌 언어 앱 설정
이 글에서는 버블의 정적 데이터인 앱 텍스트의 정의와 사용법에 대해 이해를 돕고 있습니다. 애플리케이션 텍스트 및 메시지의 줄임말인 앱 텍스트(App text)는 앱에서 사용할 수 있는 일종의 텍
conversion-skill.tistory.com
72. Option SET (중급) : 버블에서 옵션 세트 구성, 사용하기, 서로 다른 옵션 연결, 옵션사용 예시
이 섹션에서는 데이터베이스와 유사한 구조로 옵션 리스트를 저장하는 데 사용되는 옵션 세트(Option SET)에 대해 설명합니다. 사용자에게 옵션세트는 일반 데이터 보다 훨씬 빠르게 보여집니다. (
conversion-skill.tistory.com
4. Temporary data
19. Temporary data (중급) : 버블 임시 데이터 빠르게 파악하기, url parameter, custom state
*이 섹션에서는 데이터를 임시로 저장하는 데 사용할 수 있는 다양한 유형의 변수인 임시 데이터에 대해 설명합니다. (1) 임시 데이터의 의미 경우에 따라 프로그램의 일부 정보를 임시로 저장해
conversion-skill.tistory.com
- 자세한 설명은 아래의 더보기를 눌러주세요
73. Custom States(중급) : 버블의 사용자 지정 상태 설정, 값 설정하기
이 섹션에서는 다양한 종류의 임시 데이터를 저장하는 데 사용되는 Custom states(사용자 상태)를 다룹니다. (1) Custom States 정의 Custom states(사용자 정의 상태)는 페이지 자체를 포함하여 페이지의 모
conversion-skill.tistory.com
74. URL Parameters(중급) : 버블의 URL 매개변수 기능, 구조, 설정, url parameter 보안
URL Parameter(매개변수)는 URL에 배치하는 정보입니다. key-value의 쌍을 이루는 구조를 따르며 다양한 유형의 데이터를 보유할 수 있습니다. 이 글에서는 정보전달을 하는 URL Parameter에 대해 알아봅니
conversion-skill.tistory.com
5. User accounts
20. User accounts data(중급) : 버블의 사용자 계정 데이터, 회원가입 구현 지식 알아보기
이 글에서는 특별한 데이터인 사용자 데이터의 의미에 대해 배우고, 앱에서 사용자 계정을 만들고 관리하는 방법을 다룹니다. (1) 특별한 데이터 Type :기술적으로 사용자 계정은 앱의 데이터베이
conversion-skill.tistory.com
- 자세한 설명은 아래의 더보기를 눌러주세요
(4) Logic
6. Bubble Logic (초급) : 버블 로직, 워크플로우 (workflow), 동적표현(dynamic expression), conditions, navigation
Logic 이 섹션에서는 우리가 원하는 작업을 수행하도록 만드는 표현식(Expression) 및 워크플로(Workflow)인 Logic에 대해 다룹니다. 우리는 이전 장에서 디자인( 앱을 원하는 모양으로 만들기)과 데이터(
conversion-skill.tistory.com
1. Frontend & Backend
21. Bubble frontend & backend (중급): 버블 백엔드 활성화 설정, 프론트엔드 & 백엔드
*이 섹션에서는 프런트엔드와 백엔드에서 실행되는 워크플로의 차이점에 대해 설명합니다. *이 문서에 설명된 백엔드 기능은 사용 중인 요금계획에 따라 다를 수 있습니다. 가격 책정 페이지에
conversion-skill.tistory.com
2. Workflow
22. Bubble Workflow (중급) : 워크플로우, 버블의 핵심 기능, 코드없이 앱 실행, 쉬운 버블 로직
*이 섹션에서는 작업을 수행하는 앱의 엔진인 workflow(워크플로)를 다룹니다. (1) 워크플로 (Workflow) 정의 :워크플로는 페이지에서 항목을 숨기거나 표시, 애니메이션을 적용하는 것부터 변경에 이
conversion-skill.tistory.com
3. Dynamic Expression
23. Bubble Dynamic Expressions (중급) : 버블 동적 표현식, 버블의 핵심 표현식 알아보기, 특징 및 설정
*이 섹션에서는 Bubble에서 동적 표현식(Dynamic Expressions)을 설정하는 방법에 대해 설명합니다. (1) 동적 표현식 정의 동적 표현식(Dynamic Expressions)은 사용자 입력, 데이터베이스 업데이트 및 앱의 기
conversion-skill.tistory.com
4. Conditions
24. Bubble Conditons (중급) : 버블 조건식, 동적 표현식을 트리거하는 조건에 대해 알아보기
(1) Conditions의 정의 조건식(Conditions)을 사용하면 특정 질문이 yes 또는 no로 응답하는지 확인한 다음, 응답으로 조치를 취하거나 조치를 중지하거나 앱을 변경하는 메커니즘을 설정할 수 있습니다.
conversion-skill.tistory.com
5. Navigations
25. Bubble Navigation (초급) : 버블의 페이지 탐색, 단일 페이지 앱 SPA, 다중 페이지 앱
이 섹션에서는 앱에서 섹션과 페이지 사이를 탐색하는 방법에 대해 설명합니다. : 대부분의 앱에는 사용자가 앱을 탐색할 수 있는 인터페이스가 필요합니다. 내비게이션은 다음과 같은 많은 것
conversion-skill.tistory.com
(5) Maintenance
7. Bubble Maintenance (초급) : 버블 유지관리, 버전관리(version control), 데이터 백업 복원(restoring database
버블의 Maintenance 유지관리 여기에서는 앱 확장 시 유지관리할 수 있는 다양한 기능과 개념에 대해 알아봅니다. 버전관리, 데이터 백업, 대량작업, API스케줄, 협업 등이 포함됩니다. (1) Version contro
conversion-skill.tistory.com
1. Version Control
26. Version Control (중급): 버블의 버전관리 시스템, git 처럼 관리하자, 브랜치 관리, 핫 픽스(hot fix)
이 섹션에서는 버블의 버전 제어 시스템에 대해 다룹니다. 기본적으로 애플리케이션은 개발 및 라이브라는 두 가지 개별 환경으로 구성됩니다. 라이브(Live) 되고 있는 앱을 변경하지 않고 앱을
conversion-skill.tistory.com
2. Restoring Database
27. Restoring Database Backup(중급) : 데이터 백업 복원, 버블의 대용량 데이터 백업 및 복원
이 섹션에서는 데이터베이스의 내용을 복사하는 방법과 특정 날짜 및 시간의 스냅샷으로 복원하는 방법에 대해 설명합니다. 아래에 설명된 작업들은 잠재적으로 서버의 모든 데이터를 덮어쓸
conversion-skill.tistory.com
3. Bulk Operation
28. Bulk Operations (중급): 버블의 대량 데이터 작업, 데이터 정렬 view
이번 섹션에서는 Bubble 데이터베이스 Editor에서 직접적으로 데이터에 API 워크플로를 실행할 수 있는 대량 작업에 대해 설명합니다. : 대량 작업(Bulk Operations)을 통해 Editor 내에서 대규모 데이터 집
conversion-skill.tistory.com
4. API Workflow
29. API Workflow Scheduler (중급) : API워크플로우 스케쥴러 설정 주의사항, 버블의 자동수행 일정, API
이 글에서는 워크플로를 보고, 일시 중지하고, 삭제할 수 있는 스케줄러에 대해 설명합니다. 예약된 워크플로( API 워크플로라고도 함 )는 특정 시간에 Bubble 서버에서 실행되도록 예약된 워크플
conversion-skill.tistory.com
5. Collaboration
30. Collaboration (중급) : 버블 협업기능, 권한 설정, 앱 권한 이양, 협업 주의사항
이 섹션에서는 애플리케이션과 해당 데이터를 편집하도록 다른 Bubble 사용자를 초대하는 방법인 협업에 대해 설명합니다. 앱 소유자는 앱 작업에 초대할 사람을 결정하고 그들이 가진 액세스 수
conversion-skill.tistory.com
(6) Intergrations
8. Bubble Integrations (초급) : 버블 통합 (API, Plugin, SQL, App Connector)
이 섹션은 애플리케이션을 웹의 다른 앱과 통합하는 다양한 방법을 다룹니다. Bubble의 가장 강력한 기능 중 하나는 다른 애플리케이션과의 연결 및 데이터, 명령 공유가 용이한 점입니다. Bubble
conversion-skill.tistory.com
1. API
31. API (초급) : 버블의 API 시스템 기본 개념, incoming, outgoing 연결
이 섹션은 Bubble의 강력한 기능인 API에 대한 글입니다. API 접속을 통해서 외부의 소프트웨어에 Bubble앱은 데이터를 전송 시고 명령어를 실행시킬 수 있습니다. (1) API 소개 1. 이 섹션에서는 API의
conversion-skill.tistory.com
- 자세한 설명은 아래의 더보기를 눌러주세요
32. API의 개념 (초급) : 일반적인 API 개념 소개
이 섹션에서는 API가 무엇이고 그것이 버블앱에서 어떻게 사용할 수 있는지 알아볼 것입니다. 이 챕터는 RESTful API의 일반적인 설명이 포함됩니다. : 세상에는 매우 많은 종류의 API가 있습니다. 그
conversion-skill.tistory.com
33. Bubble API 소개 (중급) : 버블 Data API, 버블 Workflow API, 버블 Swagger 설정, FAQ
이 섹션에서는 Bubble이 API 엔드포인트를 설정하여 다른 애플리케이션이 데이터베이스를 읽고 편집하고 워크플로를 실행할 수 있도록 하는 다양한 방법을 다룹니다. 특히 마지막에는 RESTful API가
conversion-skill.tistory.com
34. Bubble API 용어 정리 (중급) : 버블 Data API, Workflow API, 백엔드 워크플로우 종류
이 섹션에서는 API와 관련된 Bubble 관련 용어를 다룹니다. 지금까지 API소개 시리즈에서 본 것처럼 API를 사용하여 작업하면 Bubble이 발명한 것이 아닌 포괄적으로 사용된 일반적인 API용어를 접하게
conversion-skill.tistory.com
35. API Connector (중급) : 버블 API 커넥터 설정 및 사용, HTTP method, endpoint
이 섹션에서는 Bubble의 공식 Plugin인 API Connector(커넥터)를 다룹니다. API 커넥터는 외부 애플리케이션으로 나가는 연결(Outgoing Request)을 만들고 이를 데이터 소스로 사용하거나 작업을 트리거하는
conversion-skill.tistory.com
36. Restful API 란? (중급) : 일반적인 Restful API에 대한 설명
RESTful API란 무엇입니까? 이 섹션에서는 API가 RESTful이라는 의미와 RESTful API 호출이 구성되는 방식에 대해 설명합니다. *API란? API는 Application Programming Interface의 약어로, 응용 프로그램 간에 데이터
conversion-skill.tistory.com
2. Plugin
37. Bubble Plugin (초급) : 버블 플러그인의 기능, 버블 플러그인 용도
플러그인이 할 수 있는 것 들 플러그인은 버블 애플리케이션에서 사용할 수 있는 element, action, event 또는 데이터 소스를 추가적으로 사용하기 위한 버블 자체 또는 외부에서 제작한 애플리케이션
conversion-skill.tistory.com
- 자세한 설명은 아래의 더보기를 눌러주세요
38. Installing and using Plugins (중급) : 버블 플러그인 설치와 사용, 무료 플러그인, 유료 플러그인
(1) Installing plugins플러그인 설치 메인 panel의 촤측 → Plguins플러그인 탭에서 플러그인을 설치하고 관리합니다. 이 탭은 왼쪽에 설치된 플러그인을 표시하고 오른쪽에 각 플러그인에 대한 세부 정
conversion-skill.tistory.com
39. Bubble special plugin (중급): 버블 특수 플러그인, API 커넥터, 버블 앱 커넥터, SQL DB 커넥터
: 외부 서비스 (또는 비공개 백엔드)에 연결하기 위해서 bubble 팀이 특수 플러그인을 만들었습니다. (1) API 커넥터 : API Connector API 커넥터에 대해 자세히 알아보려면 아래의 전용 섹션을 확인하세
conversion-skill.tistory.com
3. SQL Database Connector
40. SQL Database Connector (중급) : 버블 SQL 데이터베이스 커넥터 설정, 외부 SQL 연결하기, SQL 데이터FETC
이 섹션에서는 외부 SQL 데이터베이스에 연결할 수 있는 SQL 데이터베이스 커넥터의 설정, 사용을 설명합니다. Bubble 앱을 최대한 활용하기 위해 외부 데이터베이스에 연결해야 하는 경우가 있습
conversion-skill.tistory.com
4. App Connector
41. Bubble App Connector (중급) : 버블 앱 커넥터 플러그인 설치, 설정, 사용
이 섹션에서는 두 개의 Bubble 애플리케이션을 서로 연결하는 데 사용되는 Bubble App Connector 플러그인을 다룹니다. 이 글은 Bubble의 App Connector 플러그인에 대한 심층 매뉴얼입니다. (1) 버블 앱 커넥
conversion-skill.tistory.com
'버블 개발 > 목차' 카테고리의 다른 글
| 버블 교과서 키워드 목차 (Index) (1) | 2023.08.10 |
|---|
