Google 스프레드시트는 구글 앱스 스크립트를 이용하여 데이터를 사용할 수 있다. 직접 서버와 데이터베이스를 구축하여 쓰는 것이 아니기 때문에 간단하다고 생각되어 이것으로 정했다. 무료로 구글의 데이터와 코드를 연결할 수 있지만 큰 데이터라면 데이터베이스를 구축하는 방법을 배우는 것이 좋다.
- 시작하기
- Google Apps Script 파일 생성하기
- 구글스프레드시트 데이터 불러오는 연습
1. Google Apps script 파일 생성하기
구글 드라이브 – [+신규] – [더보기] – [Google Apps Script]의 경로로 접속한다.
위 경로를 따라서 만들면 스크립트 파일의 빈 프로젝트를 생성할 수 있다.
구글 API를 사용하기위한 준비 작업
구글 API를 사용하기 위해서는 [사용자 계정]과 [서비스],[API값]이 필요하다. 현재 이 포스팅에서는 생략됐는데 여기서 받는 ID값을 이용하여 구글 API를 사용한다.
2. 구글 앱스 스크립트를 이용하여 구글 스프레드시트에 출력해보기
처음부터 웹사이트에 데이터를 보내기위한 방법을 배우려니 너무 어려운 것들이 많았다. 그래서 해본 방법이 가장 간단한 메세지를 구글 스프레드시트에 띄워보는 것.
마치 C언어로 ‘ a+b=c ‘를 계산하는 것과 같은 방식이였다. 간단하게 구글 스프레드시트에 팝업 방식으로 데이터를 띄우는 코드이다.
function myFunction() {
const msg = "지금부터 시작이야. 화이팅";
Browser.msgBox(msg)
Logger.log(msg)
}자바스크립트에서의 const 는 변수를 선언하는 선언방식이다. C언어로 치자면 int, float과 같은 것이라고 이해했다.
Browser 이라는 소프트웨어를 이용하여 msgBox를 띄우고, 띄울 데이터는 위에서 선언한 msg 라는 변수이다.
3. 데이터를 가져와서 출력해보기
function getSheetData() {
const sheet = SpreadsheetApp.getActive().getSheetByName("예시");
var val = sheet.getRange("B2").getValue();
//const val = sheet.getRange("B2").getValue();
//이렇게도 사용이 가능하다.
Logger.log(val);
}B2 셀에 있는 10000 데이터를 가져오는 코드인데 노가다 방식으로 이런 코드를 쭉 나열하더라도 가능은 하겠다라는 생각이 든다.
자바스크립트에서 var은 위에 사용한 const와 같은 변수 선언방식이라고 하는데 요즘은 잘 안쓴다고 하여서 var 을 const로 변경하였더니 정상적으로 작동하였다.
그런데 열심히 따라하다보니 이 방법은 구글 스프레드시트의 데이터를 앱 스크립트로 읽어오는 방법인데 다시 웹사이트에 올리기위한 방법을 찾아봐야한다..
결과적으로 만들고싶은 웹사이트는 2개의 목록형 입력값을 받아서 구글 스프레드시트에서 맞는 값을 찾아 출력해주는 기능을 구현하고 싶다.
참고 자료
https://velog.io/@junsugi/Google-Sheet-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0-feat.-Google-API