본문 바로가기

버블 개발/초급38

42. The element hierarchy, the element tree (초급) : 버블 element(요소) 계층구조의 이해, element(요소) tree 보기 이 섹션에서는 페이지에 element(요소)를 추가할 때 페이지에서 구조화되는 계층구조의 원리에 대해 알아보고 디자인 탭의 element tree에 대해 다룹니다. (1) 버블의 element 계층 구조 Bubble 페이지는 세 가지 유형의 component(구성요소)로 구성되어 있습니다. 1. 페이지(html page) 페이지는 웹 페이지의 최상위 구성 요소이며 페이지의 Group(그룹)과 element(요소)의 구성으로 이루어져 있습니다. 페이지는 모든 요소의 최상위 컨테이너(Container)입니다. 2. 컨테이너(Container)인 그룹(Group) Group(그룹)은 element(요소)들을 서로 묶고 해당 레이아웃을 제어하는 데 사용됩니다. 다른 element(요소)를 포함하는 "상자"로 생.. 2023. 7. 20.
37. Bubble Plugin (초급) : 버블 플러그인의 기능, 버블 플러그인 용도 플러그인이 할 수 있는 것 들플러그인은 버블 애플리케이션에서 사용할 수 있는 element, action, event 또는 데이터 소스를 추가적으로 사용하기 위한 버블 자체 또는 외부에서 제작한 애플리케이션입니다. 플러그인은 앱에 다양한 데이터 항목을 추가하거나 이러한 항목의 조합을 추가할 수 있습니다.(1) 백그라운드 서비스플러그인은 페이지 헤더에 일부 코드를 추가하고 앱에서 일부 백그라운드 서비스를 활성화할 수 있습니다. 예를 들어 Analytics 서비스는 앱(Google Analytics 등)에 추가할 수 있는 매우 일반적인 백그라운드 서비스입니다. (2) API 데이터 소스플러그인은 'API에서 데이터 가져오기' 데이터 소스에서 사용할 수 있는 API 연결을 추가할 수 있습니다. iTunes에서.. 2023. 7. 17.
32. API의 개념 (초급) : 일반적인 API 개념 소개 이 섹션에서는 API가 무엇이고 그것이 버블앱에서 어떻게 사용할 수 있는지 알아볼 것입니다.이 챕터는 RESTful API의 일반적인 설명이 포함됩니다. : 세상에는 매우 많은 종류의 API가 있습니다. 그러나 그것들은 다음과 같이 비슷한 두 개의 패턴으로 이루어져 있습니다.CLIENT는 다른 시스템으로 요청(request)을 보냅니다.SERVER는 그것의 응답(response)을 다시 보냅니다. (1) API에 대한 소개: Bubble앱을 다른 애플리케이션이나 데이터 소스에 연결하려는 경우 API를 사용합니다. API는 두 애플리케이션이 공통 언어를 사용하여 안전하게 연결을 설정하고 정보를 교환하고 워크플로를 트리거할 수 있도록 하는 일종의 원칙입니다. 이 기술은 수십 년 동안 사용되어 왔습니다. 컴퓨.. 2023. 7. 11.
31. API (초급) : 버블의 API 시스템 기본 개념, incoming, outgoing 연결 이 섹션은 Bubble의 강력한 기능인 API에 대한 글입니다. API 접속을 통해서 외부의 소프트웨어에 Bubble앱은 데이터를 전송 시고 명령어를 실행시킬 수 있습니다. (1)  API 소개1. 이 섹션에서는 API의 일반적인 작업에 대해 커버할 것 입니다.이 글은 RESTful API에 대해서 심층적으로 살펴보는 상당히 기술적인 섹션입니다.API 요청의 구체적인 세팅에 관한 정보가 아닙니다. 그러나 API의 기본지식을 알게 됨으로써 외부 API의 이해와 버블세팅을 더 잘 이해할 수 있습니다. 2. 버블은 굉장히 유연한 플랫폼 서비스입니다. 즉, 강력한 API보안 기능이 존재하지만, 그것을 강제하지는 않는다는 의미입니다. 플랫폼을 효과적으로 보호하기 위해서 인증 및 보안에 대한 개발에 대한 API 운.. 2023. 7. 10.
25. Bubble Navigation (초급) : 버블의 페이지 탐색, 단일 페이지 앱 SPA, 다중 페이지 앱, 페이지SLUG 이 섹션에서는 앱에서 섹션과 페이지 사이를 탐색하는 방법에 대해 설명합니다. : 대부분의 앱에는 사용자가 앱을 탐색할 수 있는 인터페이스가 필요합니다. 내비게이션은 다음과 같은 많은 것을 의미할 수 있습니다.페이지의 다른 부분이나 다른 페이지로 이동하는 버튼이나 링크가 있는 머리글, 사이드바 또는 바닥글사용자를 외부 페이지로 안내하는 텍스트 요소의 링크양식의 다음 단계와 같이 사용자를 새로운 섹션으로 이동시키는 버튼 단일 페이지 및 다중 페이지 탐색앱 탐색은 두 가지 유형으로 나뉩니다. 1. 단일 페이지 앱사용자의 작업에 따라 컨테이너와 요소를 동적으로 숨기거나 표시하여 페이지를 떠나거나 다시 로드하지 않고 탐색하는 앱입니다. 88. SPA : Single Page Application (중급) : 싱글.. 2023. 6. 30.
15. Bubble Figma Import (초급) : 피그마에서 디자인 가져오기, Figma 디자이너와 쉽게 협업하기 Figma에서 가져오기이 기능은 Figma 디자인을 Bubble 앱으로 가져옵니다. : 두 플랫폼의 차이로 인해 가져오기가 100% 충실하지는 않지만 , 디자인을 Bubble로 가져올 수 있다는 장점은 앱 디자인 프로세스에서 유리한 출발을 할 수 있습니다. (1) Figma 파일을 가져오는 방법메인 페널의 좌측 메뉴 settings(설정) > general(일반)으로 이동하여 "Design import (디자인 가져오기)" 섹션까지 아래로 스크롤합니다.Figma 계정 설정으로 이동하여 다음의 위치에서 Figma API 키를 찾을 수 있습니다. Figma 대시보드 페이지에서 왼쪽 상단에 있는 이름을 클릭한 다음, 토큰이 아직 없는 경우 "새 개인 액세스 토큰 만들기"를 클릭합니다. 이것이 API 키입니다... 2023. 6. 16.

티스토리툴바