전체 글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. [버블 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. Best Nocode Tool to build a MVP There are so many nocode tool to build a MVP. So, I will recommend some nocode tool according to type by type. Multi-use bubble.io Actually, I don't need all of the contents below. It's because you can make everything with bubble :) The screen can be easily made with drag and drop, and even the responsiblity can be adjusted in detail. Databases can also be designed, viewed, created, modified, an.. 2022. 9. 4. 이전 1 2 3 4 5 다음