비개발자의 우당탕탕 웹/앱 제작

노코드툴 버블 - 스프레드시트의 DB 데이터 필터링 하기 

버블 자체에 DB를 쌓는다면 'Do a search for'을 활용해서 쉽게 DB를 필터링할 수 있다. 하지만 스프레드시트에 DB를 쌓아서 이 데이터들을 불러오려면 해당 기능을 활용할 수 없다. 헤매고 헤매다가 Repeating group을 활용해서 반응형으로 불러올 수 있다는 것을 찾아냈다.

우선 Dropdown 필터 아래에 Repeating group을 설정해 주어 내가 원하는 검색 결과물을 만들어준다. 

이때, Repeating group의 Appearance의 데이터 설정은 Current cell's 스프레드시트's body data's 항목명 으로 지정해 주면 쉽게 스프레드시트의 셀 내용을 불러올 수 있다. 

그다음 원하는 필터 내용을 "Dropdown" 기능으로 설정해 준다. 

Choices style은 Dynamic choices 로 

Type of choices는 Grouping 으로 

Choices source는 현재 연결해 준 스프레드시트's body:grouped by 필터내용 으로 지정해 준다. 

Option caption으로는 Current onption's 필터내용 으로 지정해 주면 된다. 

이 Dropdown 기능을 완성했으면, 버튼을 생성하여 버튼을 눌렀을 때 필터 적용이 되도록 만들어 준다. 

버튼을 생성한 후에 버튼의 Wrokflow로 이동하여 

버튼을 클릭했을 때, Step 1으로 "Display list in RepeatingGroup product body data"로 설정해 주고 이때의 Element는 RepeatingGroup product body data 로 

Data source는 현재 연결해 준 스프레드시트's body:filtered 로 지정해 준다. 

Step 2는 Reset Group Filter 를 설정해 준다. 이는 필터를 적용하여 검색 후에 드랍다운을 초기화시켜 주기 위해 필요하다. 

이렇게 해주면 버블에 DB를 직접 심지 않더라도 스프레드시트를 DB로 활용해 데이터를 불러올 수 있다.