본문 바로가기

전체 글132

4. Bubble Design (초급) : 버블 디자인 도구, 노코드로 앱 빠르게 디자인하기 (1) 버블의 디자인 Bubble디자인의 핵심은 기본적인 웹사이트부터 전문 웹 사이트 및 SaaS 애플리케이션에 이르기까지 디자인을 쉽고 정확하게 만드는 것입니다. 1. 특징 소개 1) 심미적인 효과 디자인은 시각적 매력, 앱이 제공하는 경험, 앱이 사용자에게 불러일으키는 감정을 포함하여 앱의 모양과 느낌에 관한 것입니다. 디자인 작업을 할 때 요소의 레이아웃, 타이포그래피, 색상 및 테두리, 그림자 및 전환과 같은 효과와 같은 미학에 중점을 둡니다. 2) 효과적인 사용자 인터페이스 버블 앱 디자인은 몇 가지 중요한 기능을 제공합니다. 또한 훌륭하고 사려 깊은 디자인은 직관적인 사용자 인터페이스를 제공하여, 사용자가 쉽고 즐겁게 앱을 탐색하고 사용할 수 있도록 해줍니다. 3) 브랜드 아이덴티티 구축 앱을.. 2023. 5. 30.
3. 버블로 첫 번째 앱 만들기 (기초) : 앱 개발의 단계적 튜토리얼 이 장에서는 Bubble를 사용하여 첫 번째 웹 애플리케이션을 구축하는 과정을 안내합니다. 자신의 첫 번째 앱을 만들 준비가 되셨나요? 단계별 튜토리얼을 따라가며 앱 개발의 기본 원칙을 배워보세요. 이 장을 마치면 Bubble.io의 작동 방식과 작동하는 웹 애플리케이션을 만드는 방법에 대한 기본적인 이해를 갖게 됩니다. (1) 애플리케이션 정의 1. 목적과 기능 정의 애플리케이션 구축을 시작하기 전에 애플리케이션의 목적과 기능을 정의해야 합니다. 당신의 애플리케이션이 어떤 문제를 해결하고 있습니까? 타깃 청중은 누구입니까? 애플리케이션에 어떤 기능이 필요합니까? 어떤 기능과 기능을 포함시키고 싶나요? 이러한 질문에 답하여 앱 개발의 견고한 기반을 마련하세요. 2. 초안 작성 종이에 시각적 구조 초안을 .. 2023. 5. 29.
2-3. Bubble Key features (기초) : 버블의 핵심 기능, 노코드 툴로 앱 만들기 Key features (1) Real-time saving Bubble은 앱을 자동으로 실시간으로 저장합니다. 요소, 동작, 설정 등을 수정하면 변경 사항이 자동으로 저장됩니다. 저장 과정이 완료되면 상단 바에 '저장 중' 알림이 잠시 표시되며, 저장 프로세스가 완료되면 '저장됨'으로 변경됩니다. 알림이 때로는 빨간색으로 바뀔 수 있는데, 이는 인터넷 연결이 일정 시간 동안 안정적이지 않을 때 발생하는 경우가 일반적입니다. 이런 경우에는 앱 작업을 잠시 중단하고 연결이 정상으로 돌아오는지 확인해야 합니다. 연결이 정상으로 돌아오지 않으면 편집기를 새로고침하여 정상 상태로 돌아갑니다. 새로고침을 할 경우 마지막 변경 내용이 손실될 수 있으므로 알림이 빨간색으로 바뀌면 계속해서 앱 작업을 진행하지 말아야 .. 2023. 5. 28.
2-2. Bubble Key tools (기초): 버블의 핵심 도구, 버블의 특별한 도구 이해하기 Key tools (1) Property Editor 요소(element)를 두 번 클릭하거나 이벤트 또는 액션을 한 번 클릭하면 나타납니다. 속성 편집기는 각 페이지의 다양한 요소를 디자인하고 이벤트 및 액션을 사용자 정의하는 데 사용하는 주요 패널입니다. 이것은 요소, 액션 또는 이벤트에 대해 채워야 하는 다양한 필드를 보여주는 이동 가능한 팝업창입니다. 최상단 표시 줄(사진 1 Text Name)에서 현재 편집 중인 요소/액션/이벤트의 이름을 바로 바꿀 수 있습니다. 상단 오른쪽 아이콘 툴 오른쪽에 있는 아이콘을 사용하여 비디오 강의, 요소 추적기, 코멘트 패널을 이용할 수 있습니다. 요소 추적기 안에는 state와 해당 element 가 어느부분과 연관되어 있는지 추적된 정보가 표시됩니다. sta.. 2023. 5. 25.
2-1. Bubble 인터페이스 이해 (기초): 버블 플랫폼 시작하기 이 장에서는 Bubble인터페이스와 이를 탐색하는 방법을 다룹니다. 에디터는 7개의 Main tab들로 이루어져있습니다. 핵심 툴(key Tools)과 핵심기능(Core Features)들로 구성되어 애플리케이션을 만들 수 있게 도와줍니다. 아래에는 그것들의 이름과 기능들을 소개하겠습니다. (1) Main tabs 1. Design tab 이곳에서는 앱의 시각적인 외관을 디자인합니다. 페이지에 요소(element)를 그리고 드래그하며 크기를 조정하고 속성과 외관을 조정할 수 있습니다. 새로운 사용자들은 여기서부터 시작하는 것을 권장합니다. 새로운 요소를 추가하려면 왼쪽 팔레트에서 요소(element) 유형을 클릭한 다음 페이지에 삽입하기 위해 클릭하고 드래그하십시오. 요소(element)를 더블 클릭하면.. 2023. 5. 24.

티스토리툴바