첫 번째 앱 구축

첫 번째 애플리케이션을 구축하기 위한 단계별 튜토리얼을 통해 Bubble을 기반으로 구축하기 위한 기본 원칙을 배우고 실습을 준비하세요.

⁠

Loading…⁠

⁠

Transcript: 혼다 파일럿이 말한 울고싶은 첫 번째 음란물에 오신 것을 환영합니다 중국 언론에 들어가서 무료입니다 업로드하는 사람은 무엇이며 현재 버블 데코 프로가 어떻게 지원하는지 더 관심이 있습니다 V 앱 캐시 클리너 특별한 물을보고 싶고 흥미로운 기본을 가진 수백 명의 사람들이 당신의 기술이 푸딩 과거에 수리 할 가치가 있습니다.

앱 구축

시각적 구조 확립

사용자마다 Bubble을 기반으로 구축할 때 자신만의 습관이 있겠지만, 일반적인 접근 방식은 애플리케이션의 시각적 구조를 설정하는 것부터 시작한 다음 이를 프로그래밍하는 워크플로우를 정의하는 것입니다. 시각적 구조는 입력, 버튼 등 사용자가 상호 작용하는 데 필요한 페이지와 핵심 요소의 집합이며, 워크플로는 일련의 작업을 트리거하는 이벤트입니다. 예를 들어 버튼 클릭은 이벤트입니다. 페이지에 어떤 버튼과 입력이 필요한지 이미 알고 있으면 이러한 이벤트와 그 동작에 대해 생각하기가 더 쉽습니다.

종이에 시각적 구조 초안 작성

일반적으로 애플리케이션이 어떻게 생겼는지, 어떤 기능을 수행할지 종이에 초안을 작성하는 것이 좋습니다. 저희의 경험에 따르면 종이에 몇 개의 주요 화면을 그리고 각 화면에 필요한 요소를 배치한 다음 작업 흐름을 하나씩 작성하는 것이 시간을 투자할 만한 가치가 있습니다. 이렇게 하면 실제 애플리케이션을 디자인하는 것이 훨씬 빠르고 자연스러워집니다.

기본 데이터 구조 정의

Bubble을 기반으로 구축하는 다음 차원은 데이터 구조입니다. 앱이 실행되기 위해서는 개발자와 사용자가 데이터를 생성, 읽기, 업데이트 및 삭제할 수 있는 데이터 구조가 필요합니다. 기본 버전의 Instagram을 구축하는 경우 사용자와 게시물이 있을 것입니다. 사용자에는 이름, 설명, 위치가 있고 게시물에는 제목, 설명, 사진이 있을 수 있습니다.

그 밖에 필요한 것이 무엇인지 생각해 보세요.

마지막으로 앱이 결제 솔루션, 데이터 제공업체 등 외부 서비스에 의존하여 작동할 가능성이 매우 높습니다. 이는 플러그인이나 앱의 API를 통해 이루어집니다. 이러한 서비스는 초기 비주얼과 데이터 구조가 명확해진 후에 걱정해야 합니다. 그렇기 때문에 앱을 개발할 때 스스로에게 물어봐야 할 몇 가지 사항이 있습니다:

앱에 필요한 페이지 수. 예를 들어, Facebook에는 홈 피드 페이지, 로그아웃 시 홈 페이지, 프로필 페이지, 설정 페이지(적어도 이전 버전의 Facebook에서는...)가 있습니다.

사용자가 페이지 사이를 탐색하는 방법과 어떤 상황에서 탐색하는지 파악합니다.

앱이 저장할 데이터의 종류. 임대 마켓플레이스인 경우 사용자, 아파트, 리뷰 등을 저장할 수 있습니다. 아파트에는 주소, 사진 등이 있을 것입니다.

진행하면서 반복

애플리케이션 구축은 반복적인 과정이라는 점에 유의하세요. 대부분의 사용자는 첫 번째 요소와 간단한 레이아웃으로 페이지의 와이어프레임을 디자인하는 것으로 시작하여 워크플로 부분으로 이동하여 기본 동작을 설정한 다음, 필요한 요소를 더 잘 이해하게 되면 다시 디자인 부분으로 이동합니다. 앱이 성장하고 제품을 개선하고 기능을 추가하는 등의 작업을 수행하면서 디자인, 워크플로 및 데이터 구조도 수정하게 됩니다.

Bubble은 매우 개방형이기 때문에 Excel 수식에서 실수를 하는 것처럼 애플리케이션을 구축하는 과정에서 실수를 할 가능성이 매우 높습니다. 이는 프로그래밍 과정의 일부입니다. Bubble은 애플리케이션을 디버깅하고 수정하는 데 도움이 되는 몇 가지 도구를 제공합니다.

앱 실행

구축은 Bubble이 가진 기능의 한 측면일 뿐입니다. 첫 번째 버전을 빌드한 후에는 실제 사용자와 실제 데이터로 실행합니다. 앱이 프로덕션 버전, 즉 실제 사용자가 사용할 때 모든 것이 예상대로 작동하는지 모니터링할 수 있습니다. 다시 말하지만, Bubble에는 이를 도와주는 몇 가지 모니터링 도구와 로그가 있습니다. 앱이 실행 중일 때 이를 실행 모드라고 합니다.

유료 기능 사용

일부 기능은 유료 요금제에서만 액세스할 수 있습니다. 여기에서 요금제별 차이점을 검토할 수 있습니다. 모든 기능은 편집기에서 액세스할 수 있지만, 사용 중인 요금제에서 해당 기능을 허용하지 않는 경우 실행 모드에서는 작동하지 않습니다. 현재 구독 중인 요금제에 해당 기능이 포함되지 않는 경우 일반적으로 해당 기능 옆에 경고가 표시됩니다.

Gallery

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.