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

07. Creating a customer profile page to view and update their account details

 

결과물 영상

User가 관리하는 customer의 profile을 확인하고 수정할 수 있는 페이지를 구성함.

 

- 이 페이지는 user의 role이 viewer / editor 인지에 따라, Edit 권한이 부여되어야 함.

- 이를 위해 우선은 모든 field를 수정할 수 없도록 설정하고, Edit account 버튼은 editor user에게만 보이도록 제한함.

- 이후 custom state을 생성 (edit-mode)하여, edit account 버튼 클릭 시에 edit-mode Y/N 변경하도록 하며, edit-mode Y일 때만 아래 입력값들을 변경할 수 있도록 함.

 

팁! copy / paste conditional formatting. element 마다 동일한 조건을 부여해야할 때 (이 경우에는, custom state's value가 yes 일 때 각각의 field 값들을 수정 가능한 상태로 변경해야 하는 경우), 한 개 element에서 조건 생성한 후 나머지 element들에는 paste conditional formatting 하면 됨.

팁! custom state 활용도가 매우 높음.

Edit account 버튼의 text를, edit-mode가 yes 일 때 Save로 변경함.

데일리노트

- 이전 Trello 강의에서도 유용하게 사용했던 기능들이 반복되어 나옴 > 두 번, 세 번씩 하니까 확실히 익숙해진 것을 느낌

- 강의없이 혼자서 할 때도 이런 기능들을 사용할 수 있어야 함. 한번에 사용하지 못하더라도 찾아가며 익숙해지는 시간이 필요할 것

- Product Clone 강의를 어디까지 들어봐야할까? 어느 지점에서 직접 서비스를 만들어 봐야할까? 뭔가 dive하기 위한 결정이 필요하다는 것을 느낌

- 특히 서비스를 수익화하기 위해서는 stripe 결제 api를 붙이는 수업을 들어야 함. (물론 toss payment나 아임포트 연동도 가능하다고 하니 그것도 학습할 필요가 있음.)