본문 바로가기
버블 개발/초급

25. Bubble Navigation (초급) : 버블의 페이지 탐색, 단일 페이지 앱 SPA, 다중 페이지 앱, 페이지SLUG

by 스타트업 사업가 마르코 2023. 6. 30.
이 섹션에서는 앱에서 섹션과 페이지 사이를 탐색하는 방법에 대해 설명합니다.

 

: 대부분의 앱에는 사용자가 앱을 탐색할 수 있는 인터페이스가 필요합니다.

 

내비게이션은 다음과 같은 많은 것을 의미할 수 있습니다.

  • 페이지의 다른 부분이나 다른 페이지로 이동하는 버튼이나 링크가 있는 머리글, 사이드바 또는 바닥글
  • 사용자를 외부 페이지로 안내하는 텍스트 요소의 링크
  • 양식의 다음 단계와 같이 사용자를 새로운 섹션으로 이동시키는 버튼

 

단일 페이지 및 다중 페이지 탐색

앱 탐색은 두 가지 유형으로 나뉩니다.

 

1. 단일 페이지 앱

  • 사용자의 작업에 따라 컨테이너와 요소를 동적으로 숨기거나 표시하여 페이지를 떠나거나 다시 로드하지 않고 탐색하는 앱입니다.
 

88. SPA : Single Page Application (중급) : 싱글 페이지 앱의 정의, 구조, conditional 설정, action 설정

이 섹션에서는 단일 페이지 애플리케이션의 탐색을 다룹니다. (1) SPA의 정의 및 특징 1. SPA 정의 단일 페이지 애플리케이션(SPA)는 하나의 페이지로 구성된 애플리케이션으로 페이지를 다시 로드

conversion-skill.tistory.com

 

2. 다중 페이지 앱

  • 사용자를 다른 페이지로 보내 탐색하는 앱입니다.
어떤 방법을 사용할 것인가가 어떤 앱이 더 우위에 있다는 문제는 아닙니다. 
대부분의 애플리케이션은 두 가지를 혼합하여 일부 기능은 하나의 큰 단일 페이지에 배치되는 반면 다른 기능은 별도의 페이지에 배치되어 사용합니다.

페이지 url 사용 예시
페이지 url 사용 예시

 

 

89. Multi Page App (중급) : 다중페이지 앱의 페이지 이동, Action이동, Link생성

이 섹션에서는 다중 페이지 애플리케이션 페이지 탐색에 대해 설명합니다. (1) Muti Page App의 특징 다중 페이지 애플리케이션은 동일한 페이지(단일 페이지 애플리케이션)의 콘텐츠를 동적으로 변

conversion-skill.tistory.com

 

 

3. 페이지 SLUG

  • SLUG(슬러그)는 URL역할을 하기 위해 데이터베이스의 모든 항목에 할당하는 내장 필드입니다. 버블 앱의 SLUG(슬러그)를 설정하면 해당 URL은 항상 고유 ID(URL)를 가집니다.
 

90. Page SLUG (중급) : 페이지 슬러그, URL SLUG주소 설정, 사용 규칙, SLUG복제, 조건문

SLUG는 URL 역할을 하기 위해 데이터베이스의 모든 항목에 할당하는 데이터 내장 필드입니다. SLUG를 사용하면 Bubble앱의 URL은 항상 해당 Unique ID를 가리킵니다. (1) URL의 SLUG(슬러그) 란? SLUG가 없으면

conversion-skill.tistory.com