[3주차] 디지털 기술 입문- 구구단

3주차에는 구구단을 출력하는 프로그램을 만들어 보겠다!!

 

이번 구구단을 출력하느 프로그램에 들어갈 기능은

1. 반복기능

2. 여러 줄의 출력

3. 스크린을 추가하고 이동하는 방법

이렇게 3가지의 기능을 넣어보겠다

 

구구단을 만들기 전에 반복기능에 대해 알아보자 

1. 반복 - 10에서 100까지 10씩 증가하면서 반복

2.  반복 1~100까지의 합

합 변수: sum

변수 sum = 0
For rach v from i to 100 by 1
    sum = sum + v

그럼 이제 본격적으로 앱을 만들어보자!!

 

1. 디자인

ㅇ Screen1

Screen1 디자인

 

   1) Label 추가

     - [속성 - Text]를 "구구단을 하자~"입력

     - [속성 - FontBold] 체크

 

   2) TextBox 추가

     - [속성 - Hint]에 "단을 입력하세요"라고 작성

     - [속성 - TextAlignment]를 "Center"로 설정

   3) Button 추가

     - [속성 - Text]를 "출력"으로 바꾸기

     - [속성 - BackgroundColor] : 원하는 색 선택

 

   4) Screen1 속성 변경

     - [속성 - AlignHorizontal] : Center

     - [속성 - AlignVertical] : Center

     - [속성 - BackgroundColor] : 원하는 색 선택

     - [속성 - Title] : 구구단 입력

 

 5) 화면 추가하기

     - "Add Screen"을 클릭하여n "ScreenDan" 화면 하나 추가

 

ㅇ Screendan

Screendan 디자인

   1) Label 3개 추가하기

     - [Components - Lable1] : "Rename"에서 "lblDan"으로 이름 변경

     - [Components - Label3] : "Rename"에서 "lblResult"으로 이름 변경

     -  lblDan -> [속성 - Text] : 비우기

     - Label2 -> [속성 - BackgroundColor] : Dark Gray

                      -> [속성 - Height] : 1 pixels

                      -> [속성 - Width] : Fill parent

                      -> [속성 - Text] : 비우기

     - lblResult -> [속성 - Text] : 비우기

 

   2) ScreenDan 속성 변경

     - [속성 - AlignHorizontal] : Center

     - [속성 - AlignVertical] : Center

     - [속성 - BackgroundColor] : 원하는 색 선택

 

2. 코딩하기

 

ㅇ Screen1 코딩하기

   - "Block"으로 넘어가서 블럭을 이용하여 코드 작성

 

   1) 화면 바꿔주는 코드 작성

     - 버튼 클릭 블록 추가하기

   

- 새로운 스크린으로 넘어가는 블록 추가하기

 

ㅇ ScreenDan 코딩하기

   - "Block"으로 넘어가서 블럭을 이용하여 코드 작성

 

   1) "Screen1"에서 "ScreenDan"으로 넘어가면 바로 출력해주는 코드

 

     2) lblDan 출력하기

 

   3) "lblResult"에 구구단 출력하기

     - 반복문 추가하기

     - " n x n = m" 출력문 만들기

 

 

5. 실행하기