하루1시간44 Bubble.io 노코드 툴 -8일차- 오늘 배운 내용은 서비스 개발 시에 상당히 많이 필요로 했던 기능. 사용자가 특정 페이지에서 입력한 값(예를 들어 지역: LA)을 기반으로, 다른 페이지 상에서 LA 지역에 해당하는 정보만을 필터링하여 보여주도록 구현하는 것 가능함. 14. Understanding how to send unique data between pages using URL parameters Page parameters (URL parameter) 아래 페이지 상의 input field 값을 parameter로 해서 다른 페이지로 보낼 수 있음. ㄴ 값 입력 후 Search 버튼을 누르게 되면 Depart date 값과 City 값을 page parameter로 보내기. ㄴ parameter name (Key 값)의 경우 대문.. 2022. 9. 6. Bubble.io 노코드 툴 -7일차- 6일차 수업 이어서 13. Learning how to temporarily store data using Bubble custom states (2/2) 이후에 서비스를 만들면 꼭 dark mode (다크모드)를 적용해야지. navigation page 아래처럼 개인(individual)과 business 세팅을 각각할 때, 화면을 겹쳐서 두고 individual 누를 때 individual에 해당하는 화면만 노출 / business 누를 때 business 화면만 노출. ㄴ 이런 방식은 좀 별로인 것 같다. 마치 키노트 애니메이션 효과 적용할 때 직관적이지 못하고 어지러운 화면 구성을 만들 수 밖에 없는 것과 같음. (수업 뒷부분에 나오지만 이런 걱정은 하지 않아도 됨. 매우 똑똑한 방법으로 문제를 .. 2022. 9. 5. 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. 이전 1 ··· 4 5 6 7 8 다음
