버블 개발131 62. Data (초급) : 버블의 데이터 기본 지식, 버블의 3가지 데이터 종류 이 섹션에서는 Bubble에서 데이터로 작업하는 다양한 방법을 다룹니다. Bubble이 다양한 유형의 데이터를 관리하는 방법을 자세히 살펴봅니다. (1) 데이터에 관해서데이터 작업은 모든 애플리케이션의 초석입니다. 사실, 어떤 식으로든 그것에 의존하지 않는 앱을 상상하기 어려울 정도로 앱 개발의 핵심적인 부분입니다.사용자가 생성한 데이터든, 개발자가 소유한 데이터든, 다른 앱 및 서비스에서 가져온 데이터든, 정보를 수집, 저장 및 시각화하는 기능은 애초에 대부분의 애플리케이션이 존재하는 이유입니다. 예를 들어 승차 공유 앱은 거래를 완료하기 위해 운전자, 고객, 위치 및 기타 여러 세부 정보에 대한 정보가 필요합니다. 소셜 미디어 앱에는 사용자 정보, 사진 및 사용자 생성 콘텐츠가 필요하고 신문에는 기사.. 2023. 7. 31. 61. Responsive Pages 3 (중급) : 버블의 반응형 디자인 만들기, 디자인 팁, element Inspector, Align, Arrange 이 페이지는 Bubble의 반응형 디자인 방법에 관련된 자료를 다룹니다. 또한 앱을 디자인할 때 사용하거나 수행하는 데 익숙해져야 하는 몇 가지 Tip에 대해 살표 봅니다. (1) 반응 알고리즘 이해 페이지 렌더링 방법을 제어하는 알고리즘은 몇 가지 핵심 원칙을 따릅니다. 완벽한 사용자 겸험이 만족을 위해서 렌더링 엔진의 작동 방식을 전반적으로 이해하는 것이 좋습니다. 1. 일반적으로 페이지 크기가 조정되면 여백보다 먼저 요소가 축소 및 확장됩니다. Bubble은 한 줄의 모든 요소가 최대 너비인 경우에만 여백을 확장하고 모든 요소가 최소 너비이고 다음 줄로 중단될 수 있는 모든 항목이 이미 다음 줄에 있는 경우에만 여백을 축소합니다. 2. 기본적으로 대부분의 요소는 수축 및 확장이 가능합니다. Prop.. 2023. 7. 31. 60. Custom Fonts (중급) : 버블에서 사용자 글꼴 사용하기, 안전한 글꼴 사용법, custom font 설정 Bubble은 텍스트 유형에 Google Web font을 사용합니다. 자유롭게 사용할 수 있는 오픈 소스 라이브러리 글꼴이며, 글꼴 파일은 Google 서버에 저장됩니다. Bubble에서 디자인할 때 가장 쉬운 옵션은 이 라이브러리에서 사용할 수 있는 글꼴 중 하나를 사용하는 것입니다. Google Web font 라이브러리는 널리 사용되므로 사용하는 글꼴이 많은 사용자의 브라우저에 이미 캐시 되어 있을 가능성이 높습니다. 본질적으로 이는 다른 웹사이트에서 이미 글꼴을 로드했으며 사용자가 다시 다운로드할 필요가 없음을 의미합니다. 이로 인해 페이지 로드가 빨라지고 총 페이지 크기가 작아집니다. 그러나 때때로 자신의 글꼴을 설치하고 싶을 때가 있슨니다. 예를 들어 특정 브랜드의 스타일 가이드를 준수하고 .. 2023. 7. 28. 59. Styles (초급) : 버블의 스타일 설정하기, 중앙에서 통합 관리, 스타일 적용, 테마 설정하기 이 섹션에서는 앱 전체의 요소에 적용할 수 있는 중앙 집중식 스타일시트인 Style(스타일)에 대해 설명합니다.Style을 사용하면 앱 내의 요소에 대해 중요한 스타일을 설정하여 디자인 프로세스를 간소화하고 일관성을 높일 수 있습니다. (1) Style의 특징 및 장점한 곳에서 단일 스타일을 설정하면 관련된 모든 요소의 스타일을 쉽게 다시 지정할 수 있으므로 앱에서 일관된 모양과 느낌을 쉽게 설정하고 관리할 수 있습니다. 각 스타일은 특정 요소 유형에 연결되며 다음 정보를 포함합니다. (요소 유형에 따라 다를 수 있음)Background Color or image (배경색 또는 배경 이미지)Border(경계선)Shadow(그림자)Font(폰트)Transitions(전환)Styles는 디자인 프로세스를 보.. 2023. 7. 28. 58. Font Variables (초급) : 버블의 폰트 변수 설정, 앱 전체의 글꼴을 중앙에서 관리 이 섹션에서는 앱 전체의 요소 및 스타일에 적용할 수 있는 글꼴 모음을 관리하는 데 사용되는 Font Variables(글꼴 변수)를 다룹니다. Font Variables(글꼴 변수)를 사용하면 글꼴 설정을 중앙 집중화하고 여러 요소 및 스타일에서 글꼴을 변경할 수 있습니다. 사용되는 각 인스턴스에서 Font Family(글꼴 패밀리)를 수동으로 조정하는 대신 한 곳에서 Font Variables(글꼴 변수)를 수정하고 변경 사항이 앱 전체에 전파되는 것을 볼 수 있습니다. Font Variables(글꼴 변수)는 스타일과 연결할 수 있습니다. 위의 이미지에서 글꼴 목록의 상단에 있는 두 옵션은 글꼴 변수입니다. 변수가 변경될 때마다 해당 변경 사항이 모든 스타일 및 요소에 전파됩니다. 새로 만든 앱의 .. 2023. 7. 28. 이전 1 ··· 11 12 13 14 15 16 17 ··· 27 다음
