앱시트 + 구글 스프레드시트로 개인용 앱 만들기 1시간 컷

앱시트와 구글 스프레드시트를 사용하여 개인용 앱을 만드는 방법에 대해 알아보겠습니다. 이 방법은 매우 쉬운 방법으로 개발이 따로 필요 없습니다. 초등학생도 따라 할 수 있는 수준입니다. 조금 숙련이 되면 누구나 1시간 안에 원하는 기능까지 구현이 가능합니다.

 

 

 

구글 스프레드시트의 장점은 클라우드 형태로 저장이 된다는 점입니다. 그렇기 때문에 어떤 기기에서든 접속이 가능합니다. 그래서 앱으로 데이터를 입력할 수 있는 것이죠. 이러한 특징으로 인해 구글 스프레드시트와 앱시트를 사용하면 아주 간단하게 앱을 만들 수 있습니다.

 

목차
1. 구글 스프레드시트를 생성한다.
2. 필요한 Columns를 정한다.
3. 앱시트로 앱을 만든다.
4. 앱시트를 커스터마이징한다.
5. 구글 스토어에서 앱시트를 설치하고 계정을 연결한다.

 

---

 

이제 앱시트 + 구글 스프레드시트로 앱을 만들어볼 겁니다. 이때, 중요한 점은 만들고자 하는 앱의 목적이 분명해야 한다는 것입니다. 그래야 1시간 안에 빠르게 앱 제작이 가능합니다. 예를 들어, 저는 하루에 2개의 글을 작성하는 습관을 기르고자 하는 목적이 있었습니다. 또한, 효율성을 위해 글 작성 시간을 최소화 시려는 목적이 있었죠. 그래서 다음과 같은 앱 개발 목표를 세웠습니다.

 

1) 네이버 블로그와 티스토리 블로그 각각 글 작성 시간을 자동으로 계산해 주는 기능이 있어야 한다.

2) 하루에 글을 1개 작성했는지, 2개 작성했는지를 체크하고, 성공률을 계산해 주는 기능이 있어야 한다.

3) 위 2가지 기능을 한눈에 확인할 수 있는 대시보드가 있어야 한다.

 

제 목적에 따라 앱에 추가되었으면 하는 기능은 이렇게 딱 3가지였습니다. 예시를 들어드렸으니, 여러분만의 앱 개발 목적을 생각해 보세요. 그럼 이제 방법론에 대한 이야기를 시작하겠습니다.

 

 

1. 구글 스프레드시트를 생성한다.

먼저, 구글 스프레드시트를 생성해야 합니다. 구글 드라이브에 들어가서 본인만의 파일을 만들고, 그 안에 구글 스프레드시트를 생성해 보세요.

 

위 이미지와 같이 구글 스프레드시트를 클릭하면 바로 생성이 됩니다. 여기까지는 매우 쉬우니 바로 다음 단계로 넘어가겠습니다. 다음 단계가 가장 중요합니다.

 

 

2. 필요한 Columns를 정한다.

원하는 앱의 기능을 만들기 위해서 어떤 Columns가 필요한지를 정의해야 합니다. 정해졌다면, A1 위치부터 시작해서 B1, C1... 위치에 작성합니다. 위에서 앱 개발 목표에 대한 예시를 들어드렸습니다. 저는 목표에 따라 날짜, 글쓰기 주제, 글쓰기 시작 시간, 글쓰기 종료 시간, 계산된 시간(종료시간-시작시간), 작성여부가 필요했기 때문에 아래와 같이 Columns를 만들었습니다.

 

 

이렇게 Columns를 정의했다면, 그에 맞게 첫 번째 행에 반드시 데이터를 넣어줘야 합니다. 당장 입력할 데이터가 없어도 예시 데이터라도 삽입해야 합니다. 이유는 데이터를 입력하지 않고, 앱시트를 만들면 따로 설정해줘야 하는 부분이 훨씬 많아지기 때문입니다. 그렇기 때문에 우선 이 단계에서는 예시 데이터를 넣고 넘어가 줍니다.

 

또한, 예시 데이터를 넣을 때, 함수를 통해 계산이 필요한 데이터도 있을 겁니다. 그런 경우에도 함수를 적극 활용하여 원하는 데이터를 계산해서 넣어주세요.

 

3. 앱시트로 앱을 만든다.

이제 거의 다 왔습니다. 사실 2단계가 가장 중요하기 때문에 2단계를 잘 넘겼다면, 여기서부터는 매우 쉽습니다. 구글 스프레드시트 상단에 '확장 프로그램' 메뉴를 클릭합니다. 그리고 '앱 만들기'를 클릭합니다.

 

'앱 만들기'를 클릭했다면, 아래와 비슷한 화면이 보이게 됩니다. 화면이 보인다면, 앱 만들기 성공입니다! 이렇게 초간단 앱이 생성되었습니다. 

 

 

 

 

4. 앱시트를 커스터마이징 한다.

앱에 원하는 기능을 추가하여 커스터마이징 하기 위해 몇 가지 설정을 해주어야 합니다. 아래와 같이 2가지 메뉴만 설정해 주면 됩니다. 쉽게 따라 할 수 있습니다.

 

1) 첫 번째 메뉴

우선, 첫 번째 메뉴에서는 데이터의 type을 설정할 수 있습니다. 하지만 우리는 이미 구글 스프레드시트에서 예시 데이터를 입력해 주었기 때문에 앱시트에서 자동적으로 그에 맞는 type을 설정해 주었을 겁니다. 근데, 만약 내가 원하는 데이터 타입이 아니라면 직접 설정해 주면 됩니다. 예를 들어, '네이버 걸린 시간'이라는 Column이 텍스트 type으로 되어있어서 숫자 type으로 변경하고 싶다면 아래와 같이 선택해 주면 됩니다.

 

 

 

이 외에 SHOW, EDITABLE, REQUIRE 메뉴가 보일 겁니다. 각각 내 앱상에서 보이게 할 건지, 수정이 가능하게 할건지, 필수로 입력해야 하는지를 나타냅니다. 예를 들어, 저는 '날짜'는 SHOW, EDITABLE, REQUIRE을 모두 체크했습니다. 또한, '네이버 걸린 시간'은 SHOW만 체크되어있습니다. 그러면 앱상에서 + 버튼을 통해 데이터를 입력할 때, 아래와 같이 보이는 걸 알 수 있습니다.

 

 

 

날짜는 *표시가 되어있고(=REQURE), 수정도 가능합니다(=EDITABLE). 하지만 '네이버 걸린시간'은 수정이 불가능한 데이터입니다. 그래서 +버튼을 눌렀을 때, 해당 데이터를 표시하는 칸이 나오지 않습니다.

 

2) 두 번째 메뉴

두 번째 메뉴에서는 앱 상에 원하는 다양한 메뉴들을 만들 수 있습니다. 우선 View type을 하나씩 다 클릭해 보시길 바랍니다. 저는 목표가  대시보드를 만드는 것이었기 때문에 Chart를 만들어주겠습니다.

 

 

제가 보려고 하는 것은 글을 작성하는데, 소요되는 시간이 날짜가 지남에 따라 어떻게 변화는 지입니다. 따라서 변화 추이를 볼 수 있는 line Chart type을 선택했습니다. Position은 later로 선택함으로써 뒤에서 2번째 정도로 설정해 주었습니다.

 

이렇게 설정이 끝났다면, 화면 오른쪽 상단에 SAVE를 클릭합니다. 그러면 내가 작업했던 것들이 저장되어 앱에 반영됩니다.

 

 

5. 구글 스토어에서 앱시트를 설치하고 계정을 연결한다.

마지막으로 구글 스토어에서 앱시트를 설치하고 계정을 연결시키면, PC에서 작업했던 기능들이 그대로 구현되어 있는 걸을 볼 수 있습니다.

 

 

여기까지 앱시트 + 구글스프레드시트를 사용하여 앱을 만드는 초간단 방법에 대해서 알아보았습니다. 더 궁금하신 부분이 있다면 댓글 남겨주세요. 감사합니다 :)

 

 

구글 스프레드시트 함수를 잘 모른다면?

• 구글 스프레드시트 핵심 함수 5가지