본문 바로가기
버블 개발/초급

6. Bubble Logic (초급) : 버블 로직, 워크플로우 (workflow), 동적표현(dynamic expression), conditions, navigation

by 스타트업 사업가 마르코 2023. 6. 1.

logic 이미지
logic 이미지

Logic

이 섹션에서는 우리가 원하는 작업을 수행하도록 만드는 표현식(Expression) 및 워크플로(Workflow)인 Logic에 대해 다룹니다.

 

  • 우리는 이전 장에서 디자인( 앱을 원하는 모양으로 만들기)과 데이터( 데이터를 데이터베이스에서 저장, 편집 및 가져오는 방법)에 대해 배웠습니다.

 

  • Logic 섹션에서는 Bubble이 작업을 수행하도록 만드는 방법을 다룹니다.
    • 워크플로우(Workflow)와 표현식(Expression)을 결합하여 매우 간단한 것부터 매우 복잡한 것까지 사용자를 위해 작업을 수행하도록 Bubble을 설정할 수 있습니다.

 

The frontend & backend (중급): 버블 백엔드 활성화 설정 > 바로가기

 

(1) Workflows (워크플로우)

  • 워크플로 작성은 이벤트 (예: 사용자가 버튼을 클릭하는 것)를 하나 이상의 작업 (데이터베이스에 쓰기, 페이지의 항목 애니메이션 및 기타 항목의 긴 목록) 과 연결하는 조합입니다.
    • 작업화면의 좌측 메뉴를 통해 진입이 가능합니다.
    • 이곳에서 전체 애플리케이션의 동작을 지시, 정의할 수 있습니다.
Workflow(중급) : 워크플로우, 버블의 핵심 기능, 코드없이 앱 실행 > 바로가기

 

(2) Dynamic expression (동적 표현)

  • Bubble에서 논리적 규칙과 계산을 사용하여 작업하는 표현방식입니다.
    • element(요소)의 내부나 workflow, database 의 식을 정의하고 지시할 때 표현하는 방식의 하나입니다.
  • 동적 표현식을 사용하면 값을 계산하고, 동적 조건부 예/아니오를 반환하고, 데이터베이스에서 항목을 검색하고, 외부 API 소스를 호출하는 등의 논리적 "문장"을 설정할 수 있습니다.
Dynamic Expressions(중급) : 동적 표현식, 버블의 핵심 표현식 알아보기 > 바로가기

 

(3) Conditions

  • 조건은 요소(element), 워크플로 및 작업의 작동 방식에 대한 규칙을 설정하는 데 사용됩니다.
    • 예를 들어 조건은 특정 상황에서 버튼이 색상을 변경하거나 보이지 않거나 클릭할 수 없게 되도록 제어할 수 있습니다.
      • (예: 사용자가 로그인하지 않은 경우 버튼을 클릭할 수 없음).
    • 마찬가지로 작업 또는 워크플로는 조건이 참(yes)인 경우에만 실행되도록 설정할 수 있습니다.
      • (예: 사용자가 로그인하지 않은 경우(no인 경우) 워크플로 실행을 중지할 수 있습니다.)
Conditions (중급) : 조건식 표현, 최적화, 보안 > 바로가기

 

(4) Navigation

내비게이션은 Bubble에서 두 가지를 의미할 수 있습니다.
  1. 첫 번째는 자신의 앱이나 외부 링크를 통해 다른 페이지로 완전히 이동하는 것입니다.
    • workflow에서 설정가능합니다. 페이지 이동 시에 특정 데이터, 파라미터들과 같이 이동시킬 수 있습니다.
  2. 두 번째는 동일한 페이지 내에서 탐색하는 것으로, 사용자가 페이지를 다시 로드하지 않고도 앱 주변을 클릭할 때 요소를 숨기고 표시하여 수행됩니다.
    • 특정 Conditions 일 때 요소를 숨기기(표시하기)를 사용합니다.
Navigation(초급) : 탐색, 버블 싱글 페이지 앱, 멀티 페이지 앱  > 바로가기