학생들의 원격학습을 도울 수 있는 앱을 만들어 보려고 합니다.
먼저, 가장 기본적인 기능으로 들어갈 count-down, count-up 시계 기능이 필요합니다.
그 중, 오늘은 count-down을 만들어 보겠습니다.
몇 가지 변수variables와 수식math만 사용할 수 있다면 금방 만들 수 있습니다.
거두 절미하고 코드부터 살펴 보아요. :)
먼저, 변수를 지정해 주어야 합니다.
변수는 앞으로의 명령어를 담는 바구니같은 곳이라고 생각하면 쉽습니다.
바구니가 많아지면 어떤 바구니에 무엇이 들었는 지 알 수가 없겠죠?
그래서 바구니를 만들 때에는 무엇이 들은 바구니인지 알기 쉬운 이름을 붙여야 합니다.
design영역에서 만든 블록/레이블 마다 하나의 변수가 필요하다고 생각하면 쉽게 만들 수 있습니다.
위 코드에서는 2가지 변수를 사용하고 있습니다.
1. global timer
숫자를 띄울 라벨에 관련한 명령이 담긴 변수입니다.
첫 줄에 보면 intialize global timer to 30 이라고 되어있습니다.
timer를 30이라는 숫자로 시작하여, timer가 작동할 때마다 1초에 숫자 1씩 감소하도록 되어있는 코드입니다.
2. global start
시작 버튼에 관련한 명령이 담긴 변수입니다.
처음에는 'false'인 상태로 시작하여, 버튼을 클릭하면 'true'값을 갖게 되어 타이머가 작동합니다.
*FYI*
1. 0초에서 멈추지 않아요..!
타이머는 0이 되면 멈추어야 하겠죠?
그런데 30에서 1씩 빼면 타이머가 음수값을 가지며 무한정 작동합니다.
2. 시작 값 30초말고는 안되나요?
사용자가 숫자를 입력할 수 있게 만들 수도 있습니다.(input활용)
시계의 단위를 조절하면 시간/분/초 단위의 타이머를 만들 수도 있어요.(TimerInterval활용)
다음은 count-up을 만들고, UI를 조금 다듬어 보겠습니다.
사실 count-up과 count-down은 +/-를 넣는 차이일뿐, 거의 다를게 없어요! :)