본문 바로가기

전체 글67

Bubble.io 노코드 툴 -6일차- 12. Learning how & when to use conditions on workflows & elements Conditions - 버튼을 클릭했을 때 only when ~ 설정 가능 예를 들어 로그인 한 사용자의 경우에만~ 하도록 설정 - 버튼 하나하나의 기능들과 서비스 로직 간의 정합성을 제대로 디자인해야함을 느낌 13. Learning how to temporarily store data using Bubble custom states ? States 는 어떤 개념이고 custom states는 무엇일까? dark-mode라는 custom state를 설정한 후 yes, no 값을 부여하고 토글 버튼에 yes, no 값을 연동 시킨 이후에 배경색상, 폰트 색상들에 조건 값을 주어 cust.. 2022. 9. 4.
Bubble.io 노코드 툴 -5일차- 11. Understanding how to make your app fuctional using Bubble workflows Workflows를 통해서 Design에서 만든 내용들을 기능적으로 동작하도록 만들 수 있다. 액션들을 어떻게 세팅하는지 궁금했는데 어떤 Logic으로 기능이 동작하도록 하는지 가볍게 알 수 있었다. 2022. 9. 2.
Bubble.io 노코드 툴 -4일차- 오늘이 Design 파트 마지막 강의. 내일부터는 Workflow에 대해 배운다. 9. Understanding container elements Containers 1. Group 하나의 그룹 container 안에 버튼 2개를 추가 버튼 2개를 포함한 container를 중앙 정렬함 > 한번에 정렬 > container 안에서 한번에 조정하는 것이 편리함. container 밖에 있는 버튼 2개를 중앙 정렬함 > 각각 별도로 정렬해야함 container layout 위 이미지에서 open group 클릭 시에, 숨겨진 container가 toggle 형태로 보여지도록 workflow 설정 2. Repeating groups dynamic display 가능함 노출되는 User들 중 job-title이.. 2022. 9. 1.
Bubble.io 노코드 툴 -3일차- 7. Editing element design styles Element 들의 디자인적 요소들을 편집하기 위한 design style 수정 방법. 팁! Style을 편집하게 되면, 동일한 Style을 사용하는 모든 Elements들에 변경이 일괄 적용된다. (적극 사용해야함) 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를 자체적인 백앤드 구성을 통해 편리하게 사용할 수 있다는 것임. 팁! Cur.. 2022. 8. 31.
Bubble.io 노코드 툴 -2일차- 오늘 수업은 Design 화면 구성에 필요한 Elements들에 대해 배움. 이후에 어떻게 객체(elements)들이 역할을 하게 될지 가늠해볼 수 있는 수업이었음. 6. Understanding the different element types 디자인 화면 상의 모든 요소들이 element이며, element inspector를 통해 속성 값을 수정할 수 있음. (Text, Style, Size, etc.) 1) Visual elements - Static value: 하드코딩. 개발자가 추가한 내용이 정적으로 그대로 보여지는 것 I텍스트, 이미지 등) - Dynamic data: Text 상에서 동적 값을 드롭다운 (이미지도 다이나믹으로 노출 가능. 예: 사용자의 프로필 이미지) ㄴ (중요) 플러그인.. 2022. 8. 30.
Bubble.io 노코드 툴 -1일차- Udemy 강의 수강 1일차 - 노코드 툴 중 하나인 Bubble에 대해 개괄적으로 배워보기로함 - 강의 선택에 있어서 기준으로 삼은 것은, 기본 강의 이후 심화 과정들이 존재하는지 여부 - 아래 강사 분의 경우에는 기본 강의 후에 여러가지 clone 프로젝트들을 수업으로 제공하고 있음 Core concept of Bubble - Database: 버블 내에서 어느정도의 DB 구성이 가능하다는 것은 큰 장점임. - Design: 페이지 내 각각의 객체들을 표현하는데 있어서, 기존 개발에 비해 제한되는 영역도 있겠지만 드래그앤드롭 방식이라 매우 편리함. 예전 Wix 같은 홈페이지 필더 생각하면 됨 - Workflows: 아직 배우지 않았음 - Plugins & integrations: 근래 모듈화되어 있는.. 2022. 8. 29.