Bubble.io 노코드 툴 -3일차-

7. Editing element design styles

Element 들의 디자인적 요소들을 편집하기 위한 design style 수정 방법.

팁! Style을 편집하게 되면, 동일한 Style을 사용하는 모든 Elements들에 변경이 일괄 적용된다. (적극 사용해야함)

Edit-style 메뉴를 통하면, 생각보다 무척 디테일하게 디자인변경이 가능하다

Layout 설정을 통해서 elements의 margin, width/height 디테일 설정 가능.

 

8. Understanding dynamic pages

Dynamic page c.f. Static page: user's profile page 같은 경우 dynamic page로 구성해야함

Bubble 강점 중 하나는 dynamic page & data를 자체적인 백앤드 구성을 통해 편리하게 사용할 수 있다는 것임.

 

팁! Current user: 현재 로그인한 사용자를 의미함 v.s. Current Page User: 현재 페이지에 있는 사용자를 의미함.

예를 들어 SNS라고 할 때, 로그인한 사용자는 A이며, A가 B의 페이지를 방문할 수 있다. 이 때 Current user는 A, Current Page User는 B.

 

헷갈릴 수 있는 지점: Current User v.s. Current Page User

아래처럼 동일한 페이지라고 하더라도 보여지는 값들이 각각 다르도록 구성하는 것(동적 구성)을 dynamic page라고 함.

 

피터's 코멘트

'작심3일구간'을 지나고 있음.

이번주 중으로 기본 강의를 모두 수강하고 첫번째 프로젝트를 light하게 시작해보려 한다.

다음주부터는 기존 서비스들을 Bubble로 만들어보는 clone 강의를 수강하며 프로덕트 만드는 법을 익히려한다.