본문 바로가기

전체 글132

13. Bubble Templates (초급) : 버블 템플릿, 준비된 앱을 가져와서 빠르게 프로젝트를 시작하기 (1) 템플릿 : Templates :템플릿을 사용하면 사전에 제작된 앱을 가져와 프로젝트를 빠르게 시작할 수 있습니다. *템플릿에는 디자인과 워크플로가 모두 포함되어 있으므로 이는 단순한 디자인 기능이 아닙니다 . 템플릿의 목적은 주어진 유형의 어느 정도 완전한 애플리케이션을 제공하여 프로젝트를 시작하는 것입니다. 템플릿은 다음과 같은 다양한 범주를 포괄합니다. 블로그 CRM Dashboard 게임 Marketplace 시장 온라인 스토어 포트폴리오 소셜 디렉토리 및 목록 전문적인 서비스 주문형 서비스 프로젝트 관리 빌딩 블록 기타 많은 앱 범주가 동일한 프레임워크로 시작하고 그 위에 추가 기능을 빌드할 수 있으므로 앱을 처음부터 시작하기 전에 템플릿 섹션을 살펴보는 것이 좋습니다. 템플릿을 사용한다고.. 2023. 6. 16.
12. Bubble Responsive pages 2 (중급) : 버블 반응형 디자인, 반응형 디자인의 원리 이해, Eelement 설정 (1) Parent-child relationships : 부모 자식 관계 : 앱 디자인은 Parent-child(부모-자식) 관계의 계층 구조로 구성됩니다. page(페이지) 자체는 다른 모든 element(요소)의 부모이며 해당 페이지에는 그 안에 있는 요소의 부모가 되는 컨테이너를 배치할 수 있습니다. *컨테이너: 다른 요소를 포함할 수 있는 Bubble의 element(요소)들을 지칭합니다. 예를 들어 Group 요소 내부의 등록 양식에 여러 개의 input(입력) 필드를 배치할 수 있고 해당 입력 요소의 부모가 될 Group을 배치할 수 있습니다. 다양한 용도로 사용되는 여러 유형의 컨테이너가 있습니다. 이 예시에서 다른 모든 요소를 포함하는 그룹은 부모이고 입력 필드와 버튼은 모두 해당 그룹의.. 2023. 6. 15.
11. Bubble Responsive design 1 (초급) : 버블 반응형 디자인, 쉬운 노코드 반응형 디자인하기 (1) 반응형 디자인이란? :반응형 디자인은 사용자가 앱에 액세스하는 데 사용하는 장치의 종류에 관계없이 사용자에게 훌륭한 경험을 제공하는 방법입니다. 반응형 디자인은 레이아웃과 콘텐츠를 적절하게 조정하여 모든 해상도와 화면 크기에서 앱이 의도한 대로 표시되도록 합니다. 다른 장치에 대해 별도의 페이지를 설정하는 대신 반응형 디자인의 목표는 액세스하는 데 사용되는 장치의 화면 크기와 해상도에 맞게 레이아웃과 콘텐츠를 자동으로 조정하는 단일 페이지를 만드는 것입니다. [ *반응형 디자인의 중요성 ] :반응형 디자인은 다음과 같은 몇 가지 이유로 중요합니다. 1. 광범위한 사용자 접속 모든 유형의 장치에서 액세스 할 수 있으므로 가장 광범위한 사용자가 앱에 액세스할 수 있습니다. 2. 개발 시간 단축 별도의.. 2023. 6. 14.
[프로모션] 버블의 15$ 크레딧 받고 노코드 앱 제작하자! 지금 친구 프로그램에 참여하세요! 번뜩이는 아이디어를 현실로 만들 준비가 되셨나요? Bubble를 사용하면 개발자 고용 없이도 앱 제작이 가능합니다. 15$ 친구 기부 프로그램을 통해, $15크레딧도 얻고 혁신적인 개발개념으로 빠르게 앱을 만들 수 있습니다. 지금 아래 링크로 가입하면 $15 크레딧을 받고 노코드 앱도 제작하고 흥미진진한 여정을 시작하세요! 버블 가입하고 $15크레딧 받기 > 버블 15$ 친구 기부 프로그램이 무엇인가요? Bubble 15$ 친구 기부 프로그램은 개인이 보상을 받으면서 자신의 창의성과 독창성을 보여줄 수 있는 특별한 기회입니다. 아이디어 인큐베이션 및 실행을 위한 최고의 플랫폼인 버블은 귀하와 같은 사람들이 혁신적인 아이디어를 현실에서 실현하도록 장려하기 위한 프로그램입니다. 아래 링크로 가입하시면 $15.. 2023. 6. 14.
10. Bubble Styling (중급) : 버블 스타일링, 노코드 앱 버블 빠른 사용자 스타일 저장 Styling 스타일링 이 섹션에서는 색상, 테두리, 그림자 및 글꼴과 같은 요소에 적용할 수 있는 다양한 스타일 속성을 다룹니다. (1) 스타일링이란 페이지에 추가하는 각 element(요소)에는 기본 스타일이 적용됩니다. 즉, 스타일 지정은 element(요소)의 모습을 나타내며, 스타일 설정을 변경하여 적용할 수 있습니다. Background color or image (배경색 또는 이미지) Border (테두리) Shadow (그림자) Font (폰트) Transitions (전환) 위의 설정들은 정확히 동일한 작업을 수행하는 요소가 전혀 다르게 보일 수 있는 다양한 모습으로 설정 가능합니다. 속성 편집기(element Editor)를 열고 Appearance(모습) 탭에서 설정을 변경하여 각 요.. 2023. 6. 13.