WeWeb에 데이터베이스를 직접 연결하는 단계별 가이드를 탐색해보세요. 호환 가능한 데이터베이스에 대해 알아보고, 원활한 설정을 위한 자세한 지침을 받으세요.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
WeWeb와 데이터베이스 이해하기
WeWeb는 코딩 없이 웹사이트를 만들고 싶은 사람들에게 간편한 솔루션을 제공합니다. 데이터베이스와 통합하여 e-커머스 재고 관리, 사이트 트래픽 추적, 실시간 업데이트 제공 등 웹사이트에 동적 기능을 제공합니다.
작성 시점에서 WeWeb는 Airtable과 Google Sheets에 직접 연결을 지원합니다. 아래에서 각각의 통합을 위한 단계별 과정을 안내해 드리겠습니다.
Airtable 계정으로 이동하여 시작합니다. 새 Base를 생성하거나 연결할 기존 Base를 선택합니다. Base에서는 각 테이블이 다른 유형의 콘텐츠를 나타내고, 테이블 내의 각 행은 고유한 콘텐츠 항목(예: 블로그 게시물, 제품 등)을 나타내도록 데이터가 적절하게 구성되어 있는지 확인합니다.
Airtable API 페이지인 'https://airtable.com/api'를 방문하고 관련 Base를 선택합니다. 여기에서 Base의 API 문서가 있는 페이지로 이동하게 됩니다. 여기에서 "인증" 섹션을 클릭하고 생성된 API 키를 복사합니다.
WeWeb로 돌아와 "설정"을 클릭한 다음 "API“를 클릭합니다. "새로운 API"를 클릭하고 "Airtable API"를 선택합니다. 폼을 완성하고, "Api Key"에 Airtable API 키를 붙여넣고, Base ID를 입력합니다. Base ID는 Base의 Airtable API 페이지 상단에서 찾을 수 있습니다. "테스트 및 저장"을 클릭하여 연결을 완료합니다. 연결이 성공하면 웹사이트에서 데이터베이스를 사용할 수 있습니다.
Google Sheets는 웹사이트의 데이터베이스로 사용됩니다. Google Sheets 파일의 각 탭은 데이터베이스의 테이블로, 탭의 각 행은 항목에 해당합니다. 데이터가 적절하게 구조화되어 있고, 각 탭의 첫 번째 행에는 테이블 필드/열의 이름이 포함되어 있는지 확인합니다.
오른쪽 상단의 "공유" 버튼을 클릭하고 Google Sheets가 "공개"되거나 "링크가 있는 모든 사람이 볼 수 있도록" 설정되어 있는지 확인합니다. 이는 WeWeb가 데이터에 액세스할 수 있도록 하기 위한 중요한 단계입니다.
WeWeb로 다시 이동하고 "설정"을 클릭한 다음 "API"를 클릭합니다. "새로운 API"를 클릭하고 "Google Sheets API"를 선택합니다. Google Sheets 파일의 URL을 입력하고 "테스트 및 저장"을 클릭합니다. 연결이 성공하면, Google Sheets 파일이 WeWeb 내부의 데이터베이스로 접근 가능해집니다.
이제 Airtable 또는 Google Sheets의 강력함과 WeWeb의 간단함을 활용하여 동적이고 데이터 기반의 웹사이트를 만들 수 있습니다.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.