구글스프레드시트를 DB처럼사용하고, 일반 html과 스크립트 만으로 호출해서 구현하는 방법이 있을까요?

https://issuetracker.google.com/issues/36763096?pli=1

위 내용이 8년동안 버그라는데

제가 찾는 기능인지 개념이 없어 잘 모르겠습니다ㅜ

const ss = SpreadsheetApp.openByUrl("https://docs.google.com/spreadsheets/d/시트실제주소/edit#gid=0");
const ws = ss.getSheetByName("시트1");


let data;
function doGet() {
  var tmp = HtmlService.createHtmlOutputFromFile('index.html');
  tmp.setSandboxMode(HtmlService.SandboxMode.IFRAME);
  tmp.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
  return tmp;
} 
function doSearchResult(yourBirth, yourName) {
  data = ws.getRange(2, 1, ws.getLastRow()-1, 3).getValues();
  let filtered = data.filter(function(r){
    return r[0] == yourBirth && r[1] == yourName;
  })
  //console.log(filtered);
if (filtered.length == 1) {
  return yourBirth + " 지역의 " + filtered[0][1] + " 직종은 " + filtered[0][2] + "명입니다";
} else {
  return "조회된 결과가 없습니다. 해당 지역 실적 제출이 됐는지 확인 바랍니다.";
}
}

<!DOCTYPE html>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<html>
  <head>
    <base target="_top">
  </head>
  <body style="margin: 20px;">
    <h4>2023신속대응반 구성결과</h4>
    <div class="form-group">
      <label>지역명 선택</label>
      <select class="form-control" id="region" style="max-width: 300px;">
        <option value="서울">서울</option>
        <option value="부산">부산</option>
        <option value="대구">대구</option>
        <option value="인천">인천</option>
        <option value="광주">광주</option>
        <option value="대전">대전</option>
        <option value="울산">울산</option>
        <option value="세종">세종</option>
        <option value="경기">경기</option>
        <option value="강원">강원</option>
        <option value="충북">충북</option>
        <option value="충남">충남</option>
        <option value="전북">전북</option>
        <option value="전남">전남</option>
        <option value="경북">경북</option>
        <option value="경남">경남</option>
        <option value="제주">제주</option>
        
      </select>
    </div>
    <div class="form-group">
      <label>직종선택</label>
      <select class="form-control" id="job" style="max-width: 300px;">
        <option value="의사">의사</option>
        <option value="간호사">간호사</option>
        <option value="응급구조사">응급구조사</option>
        <option value="행정">행정</option>
        <!-- 다른 직종 옵션 추가 -->
      </select>
    </div>
    <button type="submit" class="btn btn-primary" onClick="searchResult()">검색</button>
    <br>
    <div id="result"></div> <!-- 검색 결과를 표시할 div 요소 추가 -->
    <script>
      function searchResult(){
        var yourRegion = document.getElementById('region').value;
        var yourJob = document.getElementById('job').value;
        google.script.run.withSuccessHandler(function(searched){
          document.getElementById('result').innerHTML = searched; // 검색 결과를 result div에 표시
        }).doSearchResult(yourRegion, yourJob);        
      }
    </script>
  </body>
</html>

개발한당

질문 구글스프레드시트를 웹에서 호출하는 방법? 13

구글스프레드시트를 DB처럼사용하고, 일반 html과 스크립트 만으로 호출해서 구현하는 방법이 있을까요?