If & Loop

1. 어떻게 작업을 처리할 것인가?
조건문 & 반복문
창의적공학설계입문 세번째 시간

2. 조건문
Contents title
If 및 연산자
반복문
while / for loop
문자열 출력
CharacterString
시계 만들기
Making Round Clock

3. 조건문
3
오늘 친구를 만나면….
치킨에 맥주를 먹는다.
못 만나면…
집에서 밥 먹는다.
if (지금 친구가 있는가?) {
치킨+맥주
}
else {
집에 가서 밥 먹기
}

4. 예제 1: 조건문
4
x 값이 width보다 크거나
x 값이 0보다 작으면
Speed 값에 -1을 곱한다.

5. 연산자
5
연산자의 분류 연산자 의미
대입 = 오른쪽을 왼쪽에 대입
• int a = 10;
산술 + - * / % 사칙연산, 나머지 연산
• 10 + 3 = 13, 10 / 3 = 3, 10 % 3=1
증감 ++ -- 증가, 감소 연산
• 10++ = 11, 10-- = 9
관계 > < == != >= <= 오른쪽과 왼쪽을 비교
• if( 10 > 5 ) -> 참, if문을 실행
• if( a == 10) -> a가 10일 경우 실행
• if( a ! = 10) -> a가 10이 아닐 경우 실행
논리 && || ! 논리적인 AND, OR, NOT
• if( (a == 10) || (a == 5) ) -> a가 10 or 5, 10이나 5이면 실행, 둘 중 하나만 만족해도 실행
• if( (a == 10) && (b == 5) ) -> a가 10이고 b는 5일 경우 둘 다 만족해야 실행

6. 반복문
6
• Loop에는 두 가지 방법이 있다.
– while (조건) {
반복할 내용
}
– for (초기값; 조건; 반복될 때마다 할 작업들) {
반복할 내용
}

7. 예제 2: Many Lines
7

8. 예제 3: While Loop
8

9. 예제 4: Legs with a for loop
9

10. 예제 5: CharactersString 예제
10

11. 예제 5: 소스 코드
11
변수 선언부
Setup(): 시작 시 한 번만 실행
draw(): 일정 간격을 두고 반복 실행
keyPressed(): 키보드 누르면 실행

12. 예제 5: 변수 선언부
12
• char: 문자 1개를 저장하는 변수 타입
• String: 문자열을 저장하는 변수 타입
• 다른 변수 타입들
– int: 정수(음수, 0, 양수)를 저장하는 변수 타입
– float: 실수(소수점 포함)를 저장하는 변수 타입

13. 예제 5: setup()
13
• setup 함수는 프로그램 실행 시 한 번만 실행함
화면 크기는 640 픽셀(가로) * 360 픽셀(세로)
사용할 글자 폰트는 조지아( Georgia), 글자 크기는 36

14. 예제 5: draw()
14
• text 함수
– text(출력할 내용, 가로 시작점 위치, 세로 시작점 위치)
• draw 함수는 일정 주기를 기준으로 반복 실행됨
프로그램의 배경색은 검정(0,0,0)
글자 크기는 14
Words 변수의 길이(크기)를 정수 값
으로 사용
변수가 들어가도 좋음

15. 예제 5: keyPressed()
15
• keyPressed 함수는 사용자가 키보드를 누를 때 마다 실행됨
글자가 알파벳 또는
스페이스바(공백)인지 검사
한 글자를 저장하는 letter 변수에 현재 누른 키 값을 저장
문자열을 저장하는 words 변수에 현재 누른 키 값을 추가
현재 누른 키 값을 프로그램 작성 도구의 하단에 표시

16. 예제 5: println()의 사용
16
println() 함수는 개발 도중
프로그램 내부의 값을 확인하고 싶을 때 사용하곤 한다.
이를 디버깅(debugging) 작업이라고 한다.

17. 예제 8: 시계 만들기
17

18. 예제 8: 선언부 & setup()
18
시계의 중심점을 지정하는 변수
화면 크기는 640픽셀(가로) * 360 픽셀(세로)
윤곽선은 흰색(255,255,255)
반지름은 360 픽셀의 절반인 180픽셀
두 숫자 중 작은 값(minimum)을 고르는 min()
초침과 분침, 시침이 움직이는 정도를 결정
시계는 (320, 180) 위치를 중심으로 그려짐

19. 예제 8: draw(), part 1
19
화면의 배경색은 검은색(0,0,0)
초침, 분침, 시침의 위치를 결정
시간 값은 second(), minute(), hour() 함수를 통해서 얻음

20. 예제 8: draw(), part 2
20
윤곽선 굵기 정하기
시침, 분침, 초침 그리기
점 찍기