본문 바로가기

분류 전체보기29

[bubble.io 버블] 토스 결제달기 (ver. 기본편) 버블에 국내 PG를 붙이는 걸 상당히 어려워 하는 분들이 많다. 예시로 대표적인 카드결제 방법 매뉴얼을 적어놓으면 다른 결제 방식도 응용할 수 있을 확률이 많으니 일단 기본적인 카드 결제 다는 방법을 준비했다. 참고 : https://docs.tosspayments.com/guides/overview 시작하기 | 토스페이먼츠 개발자센터 결제 연동에 필요한 모든 정보를 알려드려요. docs.tosspayments.com 1. 스크립트 설치하기 Setting > header태그에 SDK 스크립트를 심는다. 2. 결제하기 버튼에 워크플로우 넣기 결제버튼을 누르면 자바스크립트 코드를 실행시킬 것이기 때문에 ToolBox 플러그인을 설치해야 한다. 없으면 설치 후 진행하자. https://bubble.io/plu.. 2022. 10. 26.
[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.