NO고민앱 제작과정 앱개발 앱쉽게 만들기

앞의 포스팅에서는 제작완성한 후의 NO고민앱에 대한 설명이었습니다.

이번에는 데이터가 수집되고 그것을 앱으로 전환되는 것을 보여드리겠습니다.

먼저

구글스프레드 시트에 행렬로 데이터를 입력합니다. 

앱의 첫 페이지처럼 구글스프레드에서 대분류를  6개로 적어봅니다.

시트명은 지원별분류이고요

그리고 이미지는 무료사이트에서 각 분류별로 맞는 이미지를 다운로드받아

구글 드라이브에서 공유링크주소를 받아 입력합니다.

ROW ID는 행마다 부여되는 아이디입니다.

그 다음

NEW PROGECT를 클릭하고 입력된 구글스프레드(NO고민)을 앱으로 구현됩니다.

상단메뉴에 DATA EDITOR를 클릭하면 아래 이미지처럼 구글스프레드와 비슷하게 나옵니다.

상단메뉴중 가운데 아이콘인 Layout을 클릭하면 

여기서 좌측메뉴중 SCREEN영역에서 Inline List Component 을 선택합니다.

좌측메뉴 Source에서 구글스프레드 시트중 '지원별분류'를 선택합니다.

STYLE에서 Tiles을 선택하면 아래에 CONTENT(Title / Detail / Image)을 선택하면 됩니다.

다음으로는 아래에 ACTION은 지원별 분류 한개를 터치하면 화면이 넘어가면서 자세한 내용으로 전환됩니다.

그래서 Show Detail Screen을 선택하고 독립적으로 보인다는 Independent screen configuration per item를 체크합니다.

그 아래에는 DESIGN으로 Tile style과 Text Style를 선택하면서 디자인을 하시면 되겠습니다.

이 앱을 공유하려면 앱 링크주소를 다른 사람에게 공유할 버튼을 추가합니다.

좌측메뉴 SCREEN에서 버튼(BUTTON) COMPONENT를 선택하고 

우측메뉴에서 DESIGN에서 Label과 ICON을 선택하고 

ACTION은 Share Link를 선택하고 DATA 칸안에 

링크주소를 입력하면 됩니다.

여기까지 첫페이지가 완성되어집니다.

다음 포스팅은 지원별로 클릭해서 들어가서 어떻게 구성하는지 설명해드리겠습니다.

https://hot-line.glideapp.io

NO고민