Bubble 5

노코드툴 Bubble 관련 유용한 참고자료 (SerpAPI & ChatGPT+Claude)

Bubble?웹앱 빌더로, 풀스택 노코드 앱 개발 플랫폼프론트엔드와 백엔드를 하나의 툴에서 모두 구현 가능노코딩 툴에 대한 이해  : 링크 스파르타코딩클럽노코드 개발의 기본 사항 및 디자인 도구 소개 : 링크: AppMaster 빠른 아이디어 실현을 위한 노코드 추천 툴 5가지최근 노코드 툴은 웹사이트 제작부터 앱 제작, 자동화, 데이터 분석 등 다양한 기능을 제공하고 있습니다. 빠르게 임팩트 낼 수 있는 5가지 노코드툴을 소개합니다.spartacodingclub.kr• 주요 특징드래그 앤 드롭 인터페이스로 사용이 쉬움풍부한 UI 요소와 플러그인 제공복잡한 데이터 처리가 가능한 데이터베이스 기능클라우드 호스팅 플랫폼 제공모바일 앱 개발도 가능 (모바일 래퍼 사용)• 장점배우기 쉽고 빠른 웹앱 제작 가능통..

Bubble 쇼핑몰 만들기 - 워크플로우 분석 #1

구매하기 "구매하기" 버튼 클릭 시 발생하는 각 워크 플로우의 Data Type과 Data Field를 정리해 보았다 단계Data TypeData Field설명1단계주문서결제여부 (결제상태)'no'로 설정하여 결제가 완료되지 않았음을 나타냄상품리스트 (상품 목록)사용자의 장바구니에 있는 품목을 추가총액 (Total Amount)장바구니에 담긴 상품의 총합을 계산하여 저장2단계사용자결제내역 (Payment History)1단계에서 생성된 주문서를 사용자의 결제내역에 추가3단계결제창결제 방법 (method)'카드'로 설정 결제 금액 (amount)1단계에서 계산된 총 결제 금액을 반영 주문 이름 (orderName)사용자의 이름을 주문 이름으로 설정 유효 시간 (validHours)결제가 완료될 수 있는 유..

Bubble.io 101 #01

버블의 장점 중 하나는 Interactive Manual을 제공한다는 것이다.  https://bubble.io/lessons Bubble | Build, design, and launch apps fasterBubble interactive lessons. Learn how to use Bubble click-by-click. Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.bubble.io Save addresses and display them on a map첫번째 예제는 사용자가 주소를 입력하면 이를 데이터베이스에 저장하고 지도에 표시할 수 있는  애플리케이..

카테고리 없음 2024.08.24

버블(Bubble.io) 원데이클래스 - 중급

사전준비 KaKao Developers API Key 생성   Kakao Developers 내 애플리케이션 카카오계정 accounts.kakao.com  채널톡  api key 생성   채널톡 (channel.io) 채널톡 desk.channel.io 토스페이먼츠 API키 발급  API 키 | 토스페이먼츠 개발자센터 (tosspayments.com) API 키 | 토스페이먼츠 개발자센터토스페이먼츠 결제 연동 문서, API, 키, 테스트 내역, 웹훅 등록 등 개발에 필요한 정보와 기능을 확인해 보세요. 결제 연동에 필요한 모든 개발자 도구를 제공해 드립니다.developers.tosspayments.com  수업내용 (카카오) SNS 로그인 구현,  (토스) 결제 연동,  채널톡 연동,  NHN Clou..

Bubble 1-Day Class 복습 - 워크플로우

Bubble.io에서 처음으로 만든 [Horoscope Today] 서비스에서  Button1 [오늘의 운세] 를 클릭했을 때 실행되는 워크플로우를 정리해 보면 다음과 같다.  [Button 1]  워크플로우의 전체적인 흐름Button 1 워크플로우는 OpenAI API를 호출하여 사용자가 입력한 생년월일과 성별 정보를 기반으로 GPT가 점성술 기반으로 생성한 오늘의 점성술  text를 받아오는 과정을 나타낸다.   Step 1에서 OpenAI API 호출을 통해 운세 데이터를 받아온다 Step 2에서는 이 데이터를 MultilineInput Horoscope 요소에 표시하여, 사용자가 그 결과를 볼 수 있도록 한다 두 단계의 워크플로우를 통해 사용자는 API에서 받아온 '오늘의 점성술' 을 실시간으로 ..