[G.A.S] 초등학교 배정 아파트단지 표시 서비스

소개

  • 지난 14기에서 진행한 유투브-텔레그램 연동 서비스를 Apps script를 활용하여 구현해보고자 했으나, 지난 스터디에서 푸디님의 부동산 데이터 서비스 컨텐츠를 보고 방향을 전환

  • 예비 초등학생을 둔 학부모로서 초등학교별로 배정되는 아파트단지를 map상에 표시해주는 서비스를 만들고 싶었습니다. 특히 초등학교 및 아파트 단지를 여러 가지 정보를 필터로 활용할 수 있는 부분을 추가적으로 추가하고자 합니다.

    한국 문자 메시지의 스크린 샷

진행 방법

  • Google Apps Script: Front 개발

  • Excel-GoogleDrive or Googlesheet: DB

  • Google Gemini, Claude, ChatGPT: 프롬프트 코딩

    • workflow

      • 스마트대디님의 GPTs로 서비스 기획해보기

      • Claude, ChatGPT와 서비스 구체화하기

      • 구체화 이후, GAS 활용 코딩 요청 (Claude, ChatGPT, Gemini)

      • 필요 리소스 확인 (백데이터, API키 등)

      • 코딩 수정 Iteration

    • 추가 작업 필요 항목

      • 작업용 데이터 준비

        • 초등학교 - 배정단지/주소 데이터 확보: 공간데이터마켓

        • 초등학교 입학생 수 데이터 확보: 공공데이터포털

        • 2개 데이터테이블 결합 (AI 활용 python 코드 작성. vscode로 병합 실행)
          (숙제: 초등학교 주소 데이터 추가 병합 필요)

          한국 컴퓨터 화면의 스크린 샷
        테이블의 한자 목록
      • 프롬프트 코딩

        • 1차: Claude / 2차: chatGPT / 3차: Gemini

      • 지도 API 확보

        • 네이버 api 시도:
          [1차 deploy 화면 - 실패]

          한국어 텍스트가있는 페이지의 스크린 샷
        • 카카오 api 시도 중

          ON 버튼이있는 한국 웹 사이트 스크린 샷
        • 구글 api 시도 (예정)

      • 지도 API 없이 초등학교 입력값을 받아서 표출하는 시나리오로 수정

        • code.js 및 index.html 수정

          웹 브라우저에서 코드 편집기의 스크린 샷
          한국 신청서의 스크린 샷
        • 백데이터 연동 추가 필요

          • google sheet에 raw data 추가

          • good drive에 csv 파일 업로드 후 연동

결과와 배운 점

  1. api 활용방법 숙지 필요

    make에서는 자유도가 낮은 데 반해, api 연동은 수월했다면,
    apps script는 api 연동은 좀 더 활용 지식이나 console, admin 화면에 대한 이해가 필요해 보입니다. API 연동에 대한 기본 활용법을 좀 더 익혀야지 싶습니다.

  2. 백데이터 연동 방법 검토 필요

    excel을 구글드라이브로 연동하는 것과, google sheet에 raw data를 직접 입력하는 방식을 검토해보고 싶었는데, front에 map 연동하는데 시간을 생각보다 오래 쓰게 되었습니다.
    다음주까지 해당 작업까지 완료해보고자 합니다.

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

스마트대디님의 서비스기획 GPTs

4
4개의 답글

👉 이 게시글도 읽어보세요