<수업노트> 비공학계열 학생을 위한 (디지털 기술 입문) 코딩 수업 <APP 성적계산기>

in #education6 years ago

학생에게 무엇보다도 중요한 성적!

오늘은 성적계산기 APP을 만들어보았습니다.

1. 메인디자인, 레이블, 이미지, 텍스트박스, 버튼 추가

- 레이블, 이미지, Horizontal Arrangement와 그 안에 2개의 텍스트박스, 과목 점수입력하는 텍스트박스3개, 버튼(계산하기), 레이블(학번, 이름), Horizontal Arrangement와 그 안에 레이블(합계, 평균)을 추가
- 이미지를 첨부해주고 레이블에  '성적 계산기' 를 쓰고 폰트의 크기와 굵기를 설정한다.
-버튼에 계산하기를 기입하여주고 텍스트박스에 각각 '학번, 이름', '국어점수, 수학점수 영어점수'를 힌트칸에 기입
- 마지막줄 레이블에 합계: , 평균: 을 기입한다.
- 버튼, 레이블, 텍스트박스 알아보기 쉽게 이름 바꿔주기

2. 블록코딩

- btnCalc에서 when do를 가져오고 변수에 local 변수를 가져와서 sum을 입력한다.
- math에서 더하기를 가져와서 그림처럼 텍스트박스를 추가한다.
- 레이블에서 그림과 같은 Text to를 가져와서 Text에서 join을 가져오고 '합계'를 계산할 수 있도록 변수에서 get sum을 가져온다.
- 그 다음 '평균'을 낼 수 있도록 math에서 나누기를 가져와서 3과목이여서 3을 쓰고 get sum 첨부한다.
- 마지막으로 학번과 이름의 텍스트를 끼워넣고  get sum과 test에서 ""을 가져와서 "님의 성적"블록을 추가한다.

3. 앱 실행

성적계산기 앱을 완성했습니다!