빠른 시작
이 가이드에서는 Bubble의 모든 기능을 다룹니다.
- 시작하기 — Create your account and open the Bubble editor
- 맞춤형 디자인 사용 방법 — Place visual elements on the canvas and shape your UI
- 내장 데이터베이스 사용 방법 — Structure app data with custom data types and fields
- 로직 및 워크플로 사용 방법 — Create logic that triggers actions in response to events
- 고급 AI 사용 방법 — Add Bubble AI features without wiring up outside services
- 버전 관리 사용 방법 — Test new features safely without touching the live app
- 보안 대시보드 사용 방법 — Set privacy rules and watch for suspicious user activity
- AI 앱 생성기 사용 방법 — Turn a plain-text idea into a working first app
- 템플릿 사용 방법 — Start building from a ready layout instead of a blank page
- 네이티브 모바일 앱 빌더 사용 방법 — Deliver web, iOS, and Android apps from one editor
소요 시간: 각 작품당 5분
이 가이드에는 다음 내용도 포함되어 있습니다. 프로 팁 | 흔히 저지르는 실수 | 문제 해결 | 가격 | 대안
이 가이드를 신뢰해야 하는 이유
I’ve used Bubble for two years and tested every feature covered here.
This tutorial comes from real hands-on experience, not vendor screenshots.
Bubble is one of the most powerful no-code platforms in the world today.
Most people search for how to use Bubble io and land on scattered videos.
You can code apps by hand, or you can ship no-code apps in a browser.
이 가이드는 모든 주요 기능 사용 방법을 안내합니다.
단계별 설명과 스크린샷, 전문가 팁을 함께 제공합니다.
You’ll learn how to build a working app, not just read theory.
The Bubble editor opens limitless possibilities once you understand workflows.
버블 튜토리얼
This complete Bubble tutorial walks you through every feature, from your first app to the tips that turn beginners into power users.
거품
Build scalable apps without writing a single line of code. Bubble gives you a visual editor, a real database, and workflows in one platform. Start free — no credit card required.
Bubble 시작하기
어떤 기능을 사용하기 전에 먼저 이 일회성 설정을 완료하십시오.
약 3분 정도 걸립니다.
Watch this quick introduction first:
이제 각 단계를 하나씩 살펴보겠습니다.
1단계: 계정 생성
Go to Bubble’s website and click “Get started for free.”
이메일 주소를 입력하고 비밀번호를 만드세요.
Read the terms, accept them, and agree to the privacy policy.
✓ 검문소: 확인하세요 받은 편지함 확인 이메일을 보내드립니다.
Step 2: Open the Bubble Editor
Bubble runs in your browser, so there is nothing to download.
Name your first app, then pick a blank canvas to start building.
편집기 화면은 다음과 같습니다.
✓ 검문소: You should see the Design, Workflow, and Data tabs.
3단계: 초기 설정 완료
Click the Bubble logo in the top-left corner to reach app settings.
Set your app name, time zone, and language details there.
Then open the guided walkthrough Bubble shows every new user.
✅ 완료: 이제 아래의 모든 기능을 사용할 준비가 되었습니다.
버블 커스터마이저블 디자인 사용 방법
맞춤형 디자인 lets you design your user interface visually, without writing code.
다음은 단계별 사용 방법입니다.
1단계: 디자인 탭을 엽니다.
딸깍 하는 소리 설계 in the left toolbar of the Bubble editor.
The elements panel holds containers, text, inputs, and buttons.
Step 2: Drag In Your Components
Drag components onto the page and drop them inside containers.
Group related elements first, because containers control the alignment.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: Your page shows every element exactly where you dropped it.
Step 3: Check Responsive Behaviour
Switch to responsive view and test the layout at mobile widths.
Bubble shows breakpoints, so you can hide elements on small screens.
✅ 결과: You have a clean UI that fits desktop and mobile screens.
💡 꿀팁: Plan your logic before you polish the design. A logic-first mindset saves hours of rework later.
버블 내장 데이터베이스 사용 방법
내장 데이터베이스 lets you structure app data with custom data types and fields.
다음은 단계별 사용 방법입니다.
1단계: 데이터 탭을 엽니다.
딸깍 하는 소리 데이터, then create a data type such as “Project.”
Each data type behaves like a table in a normal database.
Step 2: Add Fields To Each Type
Add text, number, date, or image fields to describe your records.
Pick the field type that matches the data, not text for everything.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: Your new data type lists every field you added.
3단계: 개인정보 보호 규칙 설정
Add privacy rules immediately after you create each data type.
✅ 결과: Your database holds structured, protected records.
💡 꿀팁: Never nest a “Do a search for” inside a repeating group. Nested searches slow every page load badly.
버블 로직 및 워크플로우 사용 방법
논리 및 워크플로 lets you create logic that triggers actions in response to events.
다음은 단계별 사용 방법입니다.
1단계: 워크플로 탭을 엽니다.
딸깍 하는 소리 워크플로우, then choose “Click here to add an event.”
Step 2: Pick Your Trigger
Select an event, such as a user clicking your signup button.
Events also cover page loads, database changes, and scheduled runs.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: Your workflow shows the trigger with its actions beneath it.
Step 3: Add Actions In Order
Stack actions below the trigger, then reorder them by dragging.
Actions run top to bottom, so the order changes the outcome.
✅ 결과: Your app now reacts to what real users actually do.
💡 꿀팁: Run Preview Mode in a real browser before you launch any workflow change. Bugs hide in the editor.
Bubble Advanced AI 사용 방법
고급 AI lets you add Bubble AI features to your app without outside services.
다음은 단계별 사용 방법입니다.
Step 1: Open the AI Panel
Find the AI options inside the Workflow tab action list.
2단계: 필요한 사항을 설명하세요
Write a clear prompt describing the text or image you want.
Drop dynamic data into the prompt to personalise every result.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: Your test run returns a usable AI response.
Step 3: Connect the Output
Save the AI result to a database field so your app can reuse it.
✅ 결과: Your app now delivers AI features with no external setup.
💡 꿀팁: Keep prompts short and relevant. Long prompts cost more and rarely improve the output quality.
Bubble 버전 관리 시스템 사용 방법
버전 관리 lets you test new features safely without breaking the live app.
다음은 단계별 사용 방법입니다.
Step 1: Create a Branch
Open the version menu and create a branch from your main version.
Your main version stays live while you work in the branch.
Step 2: Build and Test
Develop your new feature inside the branch, then test it there.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: Your branch name appears in the editor’s top bar.
Step 3: Merge When Ready
Merge the branch back into main, then deploy to live.
✅ 결과: You can ship changes without a single broken page for users.
💡 꿀팁: Name branches after the feature, not the date. Future you will read them far more easily.
Bubble Security 대시보드 사용 방법
보안 대시보드 lets you watch privacy rules and account activity in one place.
다음은 단계별 사용 방법입니다.
1단계: 보안 대시보드를 엽니다.
Find it under your app settings in the Bubble editor.
Step 2: Review the Warnings
Bubble flags data types with weak or missing privacy rules.
A red warning means anyone can read that data today.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: The warning list shrinks as you fix each data type.
Step 3: Fix Each Warning
Tighten each rule so only the right user can read that data.
✅ 결과: Your app blocks spam signups and stops data leaking to strangers.
💡 꿀팁: Recheck the dashboard after every launch. New fields often ship without privacy rules attached.
Bubble AI 앱 생성기 사용 방법
AI 앱 발전기 lets you turn a plain-text idea into a working first app.
다음은 단계별 사용 방법입니다.
1단계: 생성기를 엽니다.
Start a new app and choose the AI option instead of blank.
2단계: 자세한 질문 작성
Describe your app features in natural language, screen by screen.
Name your data types in the prompt for a cleaner database.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: You see generated pages with a matching database behind them.
Step 3: Refine the Result
Open the generated app and edit pages, data, and workflows by hand.
✅ 결과: You have a blueprint instead of an empty canvas.
💡 꿀팁: Treat the output as a draft. The generator handles structure well, but the details still need you.
버블 템플릿 사용 방법
템플릿 lets you start building from a ready layout instead of a blank page.
다음은 단계별 사용 방법입니다.
1단계: 마켓플레이스를 둘러보세요
Open the template gallery and filter by app type or industry.
2단계: 템플릿 적용
Install it into a new app, then preview every page it created.
Most templates arrive with sample data you can delete safely.
이것이 어떤 모습인지 보여드리겠습니다:
✓ 검문소: Your app opens with the template’s pages already built.
Step 3: Replace the Sample Content
Swap placeholder content, colours, and copy for your own.
✅ 결과: You skip days of layout work on your first app.
💡 꿀팁: Check the template’s last update date. Old templates often use elements Bubble has since replaced.
Bubble Native 모바일 앱 빌더 사용 방법
네이티브 모바일 앱 빌더 lets you deliver web, iOS, and Android apps from one editor.
다음은 단계별 사용 방법입니다.
Step 1: Create a Mobile App
Add a native app to your project from the app dashboard.
Step 2: Build Mobile Screens
Design screens with mobile elements like tab bars and native inputs.
Mobile screens use their own element set, not your web layout.
이것이 어떤 모습인지 보여드리겠습니다:
![새로운 버블 네이티브 모바일 앱 빌더 [꼭 보세요]](https://www.fahimai.com/wp-content/cache/flying-press/agKmxvk0-v4-hqdefault.jpg)
✓ 검문소: Your mobile preview runs on your own phone.
Step 3: Submit to the Stores
Set your icons and app details, then push a build to each store.
✅ 결과: One project now serves web and mobile users together.
💡 꿀팁: Test on a real device 일찍. Simulators hide scrolling and keyboard problems that users hit daily.
Bubble Pro 팁과 단축키
After two years on this platform, here are the tips I share most often.
Bubble’s community forum answers specific questions faster than any course.
You can join it free, or buy paid coaching when you want one-to-one help.
Beginner tutorials on sites like Buildcamp cover the fundamentals in a few hours.
Small, self-contained projects build your skills faster than long videos.
Over 6,000 plugins in the marketplace enhance what a finished app can do.
Follow these practices from day one and you’ll avoid most rewrites.
Here’s the setup I use daily:
키보드 단축키
| 행동 | 지름길 |
|---|---|
| Copy an element | Ctrl + C |
| Paste with workflows | Ctrl + Shift + V |
| 변경 사항 되돌리기 | Ctrl + Z |
| Open app search | Ctrl + F |
대부분의 사람들이 놓치는 숨겨진 기능들
- API 커넥터: Connect to external services that no plugin covers yet.
- App Search: Locate the exact element or workflow you need during development.
- The official Bubble Manual: Step-by-step tutorials plus troubleshooting notes for common problems.
- Reusable elements: Build headers once, then share those components across every page.
버블 사용 시 흔히 저지르는 실수, 피해야 할 것들
Mistake #1: Packing Everything Into Version One
❌ 틀림: Listing twenty features before you build a single page.
✅ 오른쪽: Pick 3-4 core features for your MVP, then plan the rest as later versions.
Mistake #2: Installing Every Plugin You Find
❌ 틀림: Adding ten plugins from the marketplace in one afternoon.
✅ 오른쪽: Each plugin adds weight, so keep only essential, well-supported ones.
Mistake #3: Editing the Live App Directly
❌ 틀림: Changing workflows on the live version while real users are inside.
✅ 오른쪽: Test in a branch, then deploy once the change works.
버블 문제 해결
Problem: Your Page Loads Empty in Preview
원인: A privacy rule is blocking the data from the current user.
고치다: Open the Data tab, check that data type’s rules, and allow the right user to view it.
Problem: A Workflow Never Runs
원인: A condition on the event is false, so Bubble skips it silently.
고치다: Remove the condition, test again, then add it back one piece at a time.
Problem: The App Feels Slow
원인: Nested searches and unused plugins both drag your load time down.
고치다: Flatten those searches, delete plugins you never call, and watch the error log for repeat warnings.
📌 메모: If none of these fix your issue, contact Bubble support.
버블이란 무엇인가요?
거품 is a no-code app builder that lets you build scalable apps without writing a single line of code.
Think of it like a design tool wired straight into a real database.
It brings your idea to life without hiring a developer.
Apps built here scale from a weekend MVP to enterprise-grade products.
이 간단한 개요를 시청하세요:
이 제품에는 다음과 같은 주요 기능이 포함되어 있습니다.
- 맞춤형 디자인: Place visual elements on the canvas and shape your UI
- 내장 데이터베이스: Structure app data with custom data types and fields
- 논리 및 워크플로: Create logic that triggers actions in response to events
- 고급 AI: Add Bubble AI features without wiring up outside services
- 버전 관리: Test new features safely without touching the live app
- 보안 대시보드: Set privacy rules and watch for suspicious user activity
- AI 앱 생성기: Turn a plain-text idea into a working first app
- 템플릿: Start building from a ready layout instead of a blank page
- 네이티브 모바일 앱 빌더: Deliver web, iOS, and Android apps from one editor
자세한 내용은 저희 웹사이트를 참조하세요. 버블 리뷰.
거품 가격
2026년 버블의 비용은 다음과 같습니다.
| 계획 | 가격 | 가장 적합한 대상 |
|---|---|---|
| 무료 | 월 0달러 | Learning the editor |
| 기동기 | 월 29달러 | Your first live app |
| 성장 | 월 119달러 | Apps with paying users |
| 팀 | 월 349달러 | 다수의 편집자 working together |
| 관습 | 버블 컨택트 | 엔터프라이즈 워크로드 |
무료 체험: Yes — the Free plan never expires, so you can learn without paying.
환불 보장: Bubble offers refunds within 14 days on new paid plans.
💰 최고의 가성비: Starter — it removes the Bubble branding and lets you launch on your own domain.
거품 vs 대안
Bubble은 다른 제품과 비교했을 때 어떤가요? 경쟁 구도는 다음과 같습니다.
| 도구 | 가장 적합한 대상 | 가격 | 평가 |
|---|---|---|---|
| 거품 | Full custom apps | 월 29달러 | ⭐ 4.3 |
| 소프트 | Client portals | 월 59달러 | ⭐ 4.5 |
| 버지 | Figma to app | 월 19달러 | ⭐ 4.1 |
| 활주 | 스프레드시트 앱 | 월 49달러 | ⭐ 4.4 |
| 소프트젠 | AI-built web apps | 월 20달러 | ⭐ 4.0 |
| 아달로 | 네이티브 모바일 앱 | 월 45달러 | ⭐ 4.2 |
| 사랑스러운 AI | Prompt-to-code apps | 월 25달러 | ⭐ 4.4 |
| 나타나는 | Agent-driven builds | 월 20달러 | ⭐ 4.0 |
빠른 추천:
- 종합 최고상: Bubble — the deepest control over data, design, and workflows
- 최고의 가성비: Buzzy — the lowest entry price for a working prototype
- 초보자에게 가장 적합: Glide — you can build from a spreadsheet in one sitting
- 모바일 기기에 최적화됨: Adalo — native screens without a separate mobile project
🎯 비눗방울 놀이 대체품
버블 대체품을 찾고 계신가요? 최고의 선택지를 소개합니다:
- 🚀 소프트르: Builds portals and internal tools on top of Airtable in an afternoon.
- 💰 버지: Converts Figma designs into working apps, useful for design-led teams.
- 🎨 활주: Turns spreadsheets into tidy apps with almost no setup time.
- ⚡ 소프트젠: Generates full web apps from a written brief in minutes.
- 📱 아달로: Focuses on native mobile builds with app store publishing included.
- 🧠 사랑스러운 AI: Writes real code from prompts, so developers can extend it later.
- 🔧 나타나는: Runs AI agents that build and revise your app as you chat.
전체 목록은 다음을 참조하세요. 버블 대체품 가이드.
⚔️ 거품 비교
다음은 Bubble이 각 경쟁업체와 비교했을 때 어떤 위치에 있는지 보여줍니다.
- Bubble vs Softr: Softr is faster to launch, but Bubble wins once you need custom logic.
- 버블 vs 버지: Buzzy starts from your design files, while Bubble gives you deeper database power.
- 버블 vs 글라이드: Glide suits simple data apps, and Bubble handles complex products better.
- 버블 vs 소프트젠: Softgen generates quickly, but Bubble offers more control after generation.
- 버블 vs 아달로: Adalo feels simpler for mobile, though Bubble now ships native apps too.
- Bubble vs Lovable ai: Lovable ai produces code, while Bubble keeps everything inside one visual editor.
- 버블 vs. 신흥 시장: Emergent leans on AI agents, and Bubble gives you predictable manual control.
지금 바로 Bubble을 사용해 보세요
여러분은 버블의 주요 기능을 모두 사용하는 방법을 배웠습니다.
- ✅ 맞춤형 디자인
- ✅ 내장 데이터베이스
- ✅ 논리 및 워크플로
- ✅ 고급 AI
- ✅ 버전 관리
- ✅ 보안 대시보드
- ✅ AI 앱 생성기
- ✅ 템플릿
- ✅ 네이티브 모바일 앱 빌더
다음 단계: 기능 하나를 선택해서 지금 바로 사용해 보세요.
대부분의 사람들은 맞춤형 디자인부터 시작합니다.
It takes less than 5 minutes to continue from here.
자주 묻는 질문
Bubble.io는 어떻게 작동하나요?
Bubble runs a visual editor in your browser. You design pages, define data types, and build workflows. Bubble hosts the app and handles the servers for you.
Bubble.io는 초보자에게 적합한가요?
Yes. Beginners can follow the built-in walkthroughs and free tutorials. Expect a week of practice before the workflow logic feels natural.
Bubble에서 돈을 버는 방법은 무엇인가요?
Charge users a subscription inside your app, sell templates and plugins in the marketplace, or build client apps as a freelance Bubble developer.
What is bubble io used for?
People use it for marketplaces, SaaS products, internal tools, directories, and MVPs. It suits any web app that needs a database and user accounts.
Bubble은 무료로 사용할 수 있나요?
Yes. The Free plan lets you build and test forever. You need a paid plan to launch on a custom domain and remove Bubble branding.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 