본문 바로가기

버블 개발131

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.
1. 노코드 툴 버블Bubble 의 특징과 장점: 무료 앱 제작 (기초) Bubble은 코드를 작성하지 않고 웹 애플리케이션을 만들 수 있는 코드 없는 개발 도구입니다. 기술적 배경에 관계없이 누구나 정교한 웹 애플리케이션을 구축할 수 있게 해주는 강력한 도구입니다. 이 섹션에서는 Bubble의 기능과 이점에 대해 알아봅니다. 또한 앱 개발을 위해 코드 없는 플랫폼을 사용하는 장점과 Bubble이 애플리케이션을 빠르고 쉽게 만드는 데 어떻게 도움이 되는지에 대해 배웁니다. (1) Bubble.io 의 특징: 1. Drag and Drop Interface 디자인: 웹 요소를 끌어다 놓을 수 있는 사용자 친화적인 인터페이스가 있습니다. 따라서 코드를 작성하지 않고도 애플리케이션을 쉽게 디자인하고 사용자 정의할 수 있습니다. 2. Data Managent 도구: 데이터베이스, 워.. 2023. 5. 23.
버블 티 ? 버블.io 코딩없이 앱 제작하기! (노코딩 개발 기초) 코딩 없이 애플리케이션을 개발하려고 하시나요? 자신에게 맞는 노코드 도구를 알아보고 빠르게 앱 개발을 진행하세요. (1) 노코드 도구란? 코딩 경험이 없는 사람들이 비주얼 인터페이스와 드래그 앤 드롭 기능을 통해 애플리케이션을 만들 수 있는 소프트웨어 개발 도구입니다. 1. 노코드 도구 목적 이 도구를 사용하면 코딩 없이도 사용자 친화적인 인터페이스를 통해 웹 사이트, 애플리케이션, 워크플로 및 자동화된 프로세스를 구축할 수 있습니다. 노코드 도구는 기존의 복잡한 코딩 절차를 간소화하여 비전문가들이 아이디어를 신속하게 구현할 수 있도록 돕는 것이 목적입니다. 2. 앱 개발시 노코드 도구 사용의 장점 노코드 도구는 시각적 프로그래밍과 미리 구현된 컴포넌트, 템플릿, 완성된 레이아웃 등의 기능을 제공하여 개.. 2023. 5. 22.