어떻게 작업을 처리할 것인가 ?

조건문 & 반복문 창의적공학설계입문 세번째 시간

조건문

Contents title01 If 및 연산자

반복문02 while / for loop

문자열 출력03 CharacterString

시계 만들기04 Making Round Clock

3

조건문

오늘 친구를 만나면… . 치킨에 맥주를 먹는다 . 못 만나면… 집에서 밥 먹는다 .

if ( 지금 친구가 있는가 ?) { 치킨 + 맥주 } else { 집에 가서 밥 먹기 }

4

예제 1: 조건문

x 값이 width 보다 크거나x 값이 0 보다 작으면 Speed 값에 -1 을 곱한다 .

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

반복문• Loop 에는 두 가지 방법이 있다 .

– while ( 조건 ) { 반복할 내용 }

– for ( 초기값 ; 조건 ; 반복될 때마다 할 작업들 ) { 반복할 내용 }

7

예제 2: Many Lines

8

예제 3: While Loop

9

예제 4: Legs with a for loop

10

예제 5: CharactersString 예제

11

예제 5: 소스 코드변수 선언부 Setup(): 시작 시 한 번만 실행

draw(): 일정 간격을 두고 반복 실행

keyPressed(): 키보드 누르면 실행

12

예제 5: 변수 선언부

• char: 문자 1 개를 저장하는 변수 타입 • String: 문자열을 저장하는 변수 타입 • 다른 변수 타입들

– int: 정수 ( 음수 , 0, 양수 ) 를 저장하는 변수 타입 – float: 실수 ( 소수점 포함 ) 를 저장하는 변수 타입

13

예제 5: setup()

• setup 함수는 프로그램 실행 시 한 번만 실행함

화면 크기는 640 픽셀 ( 가로 ) * 360 픽셀 ( 세로 )

사용할 글자 폰트는 조지아 ( Georgia), 글자 크기는 36

14

예제 5: draw()

• text 함수 – text( 출력할 내용 , 가로 시작점 위치 , 세로 시작점 위치 )

• draw 함수는 일정 주기를 기준으로 반복 실행됨

프로그램의 배경색은 검정 (0,0,0)

글자 크기는 14

Words 변수의 길이 ( 크기 ) 를 정수 값으로 사용변수가 들어가도 좋음

15

예제 5: keyPressed()

• keyPressed 함수는 사용자가 키보드를 누를 때 마다 실행됨

글자가 알파벳 또는 스페이스바 ( 공백 ) 인지 검사

한 글자를 저장하는 letter 변수에 현재 누른 키 값을 저장 문자열을 저장하는 words 변수에 현재 누른 키 값을 추가

현재 누른 키 값을 프로그램 작성 도구의 하단에 표시

16

예제 5: println() 의 사용

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

17

예제 8: 시계 만들기

18

예제 8: 선언부 & setup()

시계의 중심점을 지정하는 변수

화면 크기는 640 픽셀 ( 가로 ) * 360 픽셀( 세로 ) 윤곽선은 흰색

(255,255,255)반지름은 360 픽셀의 절반인 180 픽셀 두 숫자 중 작은 값 (minimum) 을 고르는 min()

초침과 분침 , 시침이 움직이는 정도를 결정

시계는 (320, 180) 위치를 중심으로 그려짐

19

예제 8: draw(), part 1

화면의 배경색은 검은색 (0,0,0)

초침 , 분침 , 시침의 위치를 결정 시간 값은 second(), minute(), hour() 함수를 통해서 얻음

20

예제 8: draw(), part 2

윤곽선 굵기 정하기 시침 , 분침 , 초침 그리기

점 찍기