황상은

패딩과 마진의 차이, 한 번에 이해하기! - 패딩과 마진, 무엇이 다를까?

2025-03-13T06:14:44Z

웹 개발을 할 때 패딩(Padding)과 마진(Margin)을 헷갈리는 분들이 많아요. 특히, Bubble.io에서 UI 요소 간 간격을 조절할 때 패딩과 마진을 제대로 활용하면 깔끔한 디자인을 만들 수 있습니다. 그럼 패딩과 마진의 차이를 쉽게 설명해볼게요! 패딩과 마진, 무엇이 다를까? 패딩과 마진은 둘 다 요소와 주변 공간의 간격을 조절하는 기능입니

Bubble.io 요금제 가이드 - 내 앱은 어떤 요금제를 써야할까?

2025-03-13T06:16:55Z

Bubble.io는 코딩 없이 웹앱을 만들 수 있는 노코드 플랫폼이에요. 하지만 아무리 노코드라도 앱을 운영하려면 서버 리소스가 필요하겠죠? 그래서 Bubble은 워크로드(Workload)라는 개념을 사용해 요금을 책정하고 있어요. 워크로드(Workload)란? Bubble에서 워크로드는 서버의 처리 능력을 의미해요. 쉽게 말하면 내 앱이 얼마나 많은 작

버블(Bubble.io)로 무엇을 만들 수 있을까? - 버블로 어떤 앱까지 만들 수 있을까?

2025-03-13T06:07:37Z

개발 경험 없이도 웹 애플리케이션을 만들 수 있다면 어떨까요? 이번 글에서는 누구나 쉽게 웹 서비스를 개발할 수 있는 버블(Bubble.io)의 개념과 활용 사례를 알아보겠습니다! 버블(Bubble.io)이란? 버블을 검색하면 아이돌과 1:1로 메시지를 주고받는 팬 커뮤니티 앱이 먼저 나오곤 하는데요. 하지만 우리가 이야기할 버블(Bubble.io)은 웹

피그마 설치 및 간단 사용법 - 디자인 파일을 보고 구현하는 법

2025-03-13T06:12:15Z

디자인 시안을 보고 구현하려면 먼저 피그마(Figma)를 설치하고 기본적인 사용법을 익히는 것이 중요합니다. 이번 글에서는 Figma 설치 방법과 기본 조작법을 쉽게 설명해드릴게요. 1. Figma 설치 방법 Figma는 웹 브라우저에서도 사용할 수 있지만, 더 원활한 작업을 위해 앱 설치를 추천드립니다. 앱을 사용하면 속도 저하 없이 디자인 작업에 집중

버블(Bubble.io) 에디터 화면 소개 - 버블(Bubble.io) – 초보자를 위한 가이드

2025-02-04T17:41:17Z

Bubble.io를 처음 접하셨나요? 처음 보면 복잡해 보일 수 있지만, 한 번 익숙해지면 정말 직관적인 도구랍니다. 오늘은 Bubble.io 에디터 화면을 쉽게 이해할 수 있도록 설명해 드릴게요. 특히, 웹사이트 화면을 디자인할 때 가장 많이 사용하는 Design 탭을 중점적으로 다뤄보겠습니다. Bubble.io 에디터 화면 구성 Bubble.io 에

Bubble.io 헤더를 재사용 요소로 설계하는 방법 - 효율적인 Bubble.io 개발을 위한 재사용 요소 만들기 팁

2025-01-25T03:10:42Z

Bubble.io에서 재사용 요소(Reusable Element)는 여러 페이지에서 반복적으로 사용되는 UI와 기능을 한 번만 설계하고 재활용할 수 있도록 해주는 편리한 도구입니다. 제가 처음 Bubble.io로 프로젝트를 진행했을 때, 재사용 가능한 요소에 대한 개념을 몰랐습니다. 그래서 헤더와 푸터를 모든 페이지에 직접 복사해서 붙여넣는 방식을 선택했

Bubble.io에서 커스텀 폰트 적용하는 방법 - Pretendard를 예시로 초보자도 쉽게 따라 할 수 있게 알려드려요!

2025-03-13T06:08:06Z

Bubble.io로 웹사이트나 웹 서비스를 제작하면서 기본 폰트만 사용하는 건 아쉽지 않으셨나요? 커스텀 폰트를 적용하면 디자인의 완성도를 한 단계 업그레이드할 수 있습니다! 이번 글에서는 Pretendard 폰트를 예시로 들어 Bubble.io에서 커스텀 폰트를 설정하는 방법을 쉽고 자세히 알려드릴게요. 1. 폰트 파일 준비 Bubble.io에서 커스텀