12
How to use Ui in Google App script 권오승 (주) 엔디테크놀로지 13517금요일

How to use UI in Google App script

Embed Size (px)

DESCRIPTION

How to use UI in Google App script

Citation preview

Page 1: How to use UI in Google App script

How to use Uiin Google App script

권오승

(주)����������� ������������������  엔디테크놀로지

13년 5월 17일 금요일

Page 2: How to use UI in Google App script

6가지����������� ������������������  종류의����������� ������������������  Scripts를����������� ������������������  사용할����������� ������������������  수����������� ������������������  있다

• Standalone Scripts

• Container-Bound Scripts

• Spreadsheet Custom Functions

• Web Apps

• Google Sites Gadgets

• Container Extensions

13년 5월 17일 금요일

Page 3: How to use UI in Google App script

Ui����������� ������������������  Objects의����������� ������������������  종류

Panels

Form Panel Horizontal Panel

Vertical Panel

Flow Panel

And...

Widgets

Button Label CheckBox

Image TextArea Radio

And...

13년 5월 17일 금요일

Page 4: How to use UI in Google App script

Panel을����������� ������������������  사용하는법

var app = UiApp.createApplication();

var panel = app.createVerticalPanel();app.add(panel);

Blah

Blah

var textBox = app.createTextBox();

panel.add(textBox);

Blah

Blah Blah Blah

var panel = app.createHorizontalPanel();

var panel = app.createFlowPanel();

Blah Blah

Blah Blah Blah

13년 5월 17일 금요일

Page 5: How to use UI in Google App script

Make����������� ������������������  Sample����������� ������������������  Application.

간단한 Ui를 생성해 TextBox와 Button을 만들고 SpeadSheet에 입력한 텍스트를 Append 하는

Application입니다.

13년 5월 17일 금요일

Page 6: How to use UI in Google App script

스프레드시트를����������� ������������������  만들고����������� ������������������  도구����������� ������������������  -����������� ������������������  스크립트����������� ������������������  편집기를����������� ������������������  누릅니다.

13년 5월 17일 금요일

Page 7: How to use UI in Google App script

Script����������� ������������������  편집기에서����������� ������������������  ShowDialog라는����������� ������������������  함수를����������� ������������������  만들고����������� ������������������  실행합니다.

13년 5월 17일 금요일

Page 8: How to use UI in Google App script

실행한후����������� ������������������  해당����������� ������������������  스프레드시트로����������� ������������������  가면����������� ������������������  구성한����������� ������������������  ����������� ������������������  Ui가����������� ������������������  뜨는것을����������� ������������������  볼����������� ������������������  수����������� ������������������  있습니다.

13년 5월 17일 금요일

Page 9: How to use UI in Google App script

Ui����������� ������������������  구성은����������� ������������������  완료됐으니,����������� ������������������  버튼에����������� ������������������  지정할����������� ������������������  respondToSubmit이라는����������� ������������������  Handler를����������� ������������������  구현합니다.

13년 5월 17일 금요일

Page 10: How to use UI in Google App script

생성한����������� ������������������  Handler로����������� ������������������  button����������� ������������������  clickHandler와����������� ������������������  연결시켜줍니다.����������� ������������������  그리고����������� ������������������  실행합니다.

13년 5월 17일 금요일

Page 11: How to use UI in Google App script

App이����������� ������������������  뜨고����������� ������������������  텍스트����������� ������������������  박스에����������� ������������������  텍스트를����������� ������������������  입력����������� ������������������  후,����������� ������������������  submit����������� ������������������  버튼을����������� ������������������  눌러줍니다.

13년 5월 17일 금요일

Page 12: How to use UI in Google App script

해당����������� ������������������  셀에����������� ������������������  텍스트가����������� ������������������  들어간걸����������� ������������������  확인해����������� ������������������  볼����������� ������������������  수����������� ������������������  있습니다.

13년 5월 17일 금요일