AI Google Studio Build에서 Google Sheet를 데이터베이스로 연동한 사례 🏥📊

AI Google Studio Build에서 Google Sheet를 데이터베이스로 연동한 사례 🏥📊

소개

병원을 이용하는 보호자분들을 위해 우리 병원과 연계된 치료센터를 안내해주는 사이트를 AI Google Studio Build로 제작했습니다.
이 과정에서 치료센터 정보를 관리할 데이터베이스가 필요했는데, 별도의 DB나 관리자 페이지를 구축하기보다는 Google Sheet를 데이터베이스처럼 활용해 사이트와 연동하는 방식을 선택했습니다.

이유는 다음과 같습니다.

  • 기존에 정리된 치료센터 데이터를 그대로 활용 가능

  • 비개발자도 쉽게 수정/관리 가능

  • 빠르게 MVP 형태의 사이트를 만들 수 있음


진행 방법

1️⃣ 사용한 도구

  • AI Google Studio Build: 사이트 제작 및 AI 연동

  • Google Sheets: 치료센터 데이터 관리용 DB

  • Google Sheets API: 시트 데이터 조회

  • Google Cloud API Key: 인증 및 접근 제어


2️⃣ Google Sheet를 DB처럼 사용하는 구조

  • Google Sheet 컬럼 예시

    • 센터명

    • 주소

    • 연락처

    • 진료 분야

    • 비고

👉 이 컬럼 구조가 사이트에서 사용하는 데이터 구조와 정확히 매칭되어야 정상적으로 값이 출력됨


3️⃣ 연동 방식 (No-Code에 가까운 접근)

Gemini에게 아래와 같이 질문하며 방향을 잡았습니다.

Google Sheets를 데이터베이스처럼 연동하는 쉬운 방법을 알려줘

Gemini가 제안한 대안 요약:

  • Google Sheets를 데이터베이스로 연동하기 (No-Code 방식)

  • Sheety 또는 Google Sheets API 활용

  • 시트에 입력된 데이터가 실시간으로 사이트에 반영

장점

  • 엑셀처럼 익숙한 UI로 데이터 관리 가능

  • 별도의 관리자 페이지 개발 비용/시간 절감

단점

  • 데이터가 많아질 경우 속도 저하 가능

  • API Key, 공개 범위 등 보안 설정에 주의 필요


4️⃣ 인증 및 권한 설정 포인트

  • Google Cloud에서 Sheets API 활성화

  • API Key 발급 후 AI Google Studio Build에 연결

  • 시트 공유 권한 설정 시 보기 가능 범위 확인 필수


결과와 배운 점

⚠️ 시행착오

  • 초기 연동 시 사이트에 데이터가 undefined로 표시됨

  • 원인: Google Sheet 컬럼명과 코드에서 호출하는 키 값이 정확히 일치하지 않았음

  • 해결: 시트 구조를 다시 정리하고 필드명을 통일


✅ 결과

  • Google Sheet와 연동된 데이터 기반 사이트 페이지 1개 완성

  • Sheet 수정 → 사이트 데이터 즉시 반영되는 구조 구현


🚀 다음 계획

  • 단순 조회 페이지를 넘어

    • 치료센터 클릭 시 상세 페이지 이동

    • 실제 서비스에 가까운 구조로 확장


느낀 점 & 메시지 💬

  • 데이터베이스 연결이 쉬운방법은 단순하게 보이지만 그래도 어렵다는 것을 느꼈고, 애초에 내가 갖고있는 데이터를 잘 정리해두는게 중요하다는 것을 깨달았습니다.

1
지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 오후,
읽고 바로 써먹을 AI 소식만