본문 바로가기

bubble.io10

[bubble.io 버블] DB 데이터베이스 내용 엑셀형식으로 조회하기 외부 사람이 나의 bubble app의 데이터를 조회해야 하는 경우가 있다. 이 때, 굳이 내 bubble.io 계정 정보를 알려주지 않고 따로 추가개발 없이 조회할 수 있는 방법을 적어놓으려고 한다. 1. Settings > API > Enable Data API를 체크한 후 브라우저 창에 원하는 url을 넣으면 전체 테이블 값이 JSON형태로 불러와진다. 2. JSON을 CSV로 바로 보여주는 사이트에서 URL만 넣으면 엑셀형식으로 보여진다 :) https://data.page/json/csv 2022. 10. 11.
[버블 bubble.io] RichText 리치텍스트로 저장한 이미지 크기 조정 [문제] 리치 텍스트로 저장한 내용들 중 이미지 크기가 모바일에서 안 줄어든다. [원인 분석] 이미지에 width 속성이 고정으로 들어가 있음. [해결] 정규표현식을 이용해 "width=[숫자]" 를 "width=320"으로 일괄 변경 해주었다. [더 나은 해결] 정규표현식을 이용해 "[img width=[숫자]]" or "[img] 를 "[img width=320px]"으로 일괄 변경 해주었다. [또 다른 방법] Attribute ID를 부여할 수 있게 한 후, 로딩할 때 사이즈 조절 CSS가 적용되도록 해준다. [실패한 시도] 넓이를 고정시켜도 이미지가 튀어나온다. 2022. 9. 27.
[버블 bubble.io] 버블 구글 SEO 세팅하기 노코드 툴의 약점이 SEO라고 생각하는 분들이 많을 수도 있다. 이는 노코드 툴을 사용해서 불리한 게 아니라, 플랫폼을 사용했을 때는 자동으로 적용되었던 것들을 일일이 해줘야 해서 번거로울 뿐이다 :) 이 글은 콘텐츠 SEO보다는 아무래도 버블에서 적용시킬 수 있는 테크니컬 SEO에 더 중점을 둔 글일 것 같다. URL : URL이 복잡하지 않으며, 해당 페이지를 잘 표현하고 있는지? 예: www.domain.com/category/product Page의 속성에서 Type of content에서 Type을 고르게 되면 Backup field for URL을 설정할 수 있다. 이때 적용되는 URL의 구조는 Slug를 활용하기 때문에 되도록 데이터를 저장할 때 Slug에 내용이나 핵심 키워드를 같이 저장하.. 2022. 9. 7.
[버블 bubble.io] 버블 페이지네이션 (페이지 쪼개기) 데이터가 많아지면 로딩이 오래걸리기 마련이다. 때문에 페이지네이션으로 데이터를 일정하게 끊어서 화면에 뿌려주면 로딩 속도가 빨라질 수 있다. 1. Toolbox 플러그인 설치 2. 화면에 List Of Numbers 추가 Start numer : 페이지 시작 숫자 Length of list : 끊을 만큼의 수 계산 (총 페이지 수) Increment : 증가시킬 수 3. 게시글 Repeating Group 만들기 7개씩 끊으려고 rows도 7로 맞추었다. 아래 Show partial list on last page if needed 설정값은 만약 7개씩 끊었을 때 4개만 남는 경우 마지막 페이지로 보여줄 것인지 선택하라는 거다. 필자는 모든 글을 다 보여주어야 하니 당연히 체크..! 4. 페이지 그룹 .. 2022. 9. 5.