1
00:00:00,236 --> 00:00:02,719
그리기에 대해 많이 배웠습니다

2
00:00:02,719 --> 00:00:05,193
하지만 이름을 적어보세요

3
00:00:05,193 --> 00:00:07,595
이번 시간에는 텍스트에 대해 배우겠습니다

4
00:00:07,595 --> 00:00:10,049
게임에서의 점수를 보여줄 때 텍스트를 사용합니다

5
00:00:10,049 --> 00:00:12,503
캐릭터들의 대화에도 사용하고

6
00:00:12,503 --> 00:00:16,039
이름 크기나 이름 색상에도 사용합니다

7
00:00:16,039 --> 00:00:18,225
hello를 적어보겠습니다

8
00:00:18,225 --> 00:00:24,493
text(hello,)를 적었는데 에러메시지가 뜹니다

9
00:00:24,493 --> 00:00:27,424
hello는 정의되지 않았다고 하네요
무슨 뜻이지요?

10
00:00:27,424 --> 00:00:30,993
hello가 프로그램 상 변수로 인식되어서
발생하는 문제입니다

11
00:00:30,993 --> 00:00:33,445
프로그램적인 관점에서 이해해야됩니다

12
00:00:33,445 --> 00:00:36,222
hello는 변수가 될 수 있기 때문입니다

13
00:00:36,222 --> 00:00:38,991
변수 말고 문장으로 인식 시키려면 어떻게 하죠?

14
00:00:38,991 --> 00:00:42,529
"hello"라고 앞뒤에 큰따옴표를 적어주면 됩니다

15
00:00:42,529 --> 00:00:46,069
그럼 변수가 아니라 문장이라고 알려줍니다

16
00:00:46,069 --> 00:00:47,833
그러니까 텍스트로 출력해달라는거죠

17
00:00:47,833 --> 00:00:53,652
책을 보면 모든 등장인물의 대사에는
큰따옴표가 있습니다

18
00:00:53,652 --> 00:00:58,092
프로그램에도 무언가 말하고자 한다면
큰따옴표를 붙여야합니다

19
00:00:58,092 --> 00:01:01,099
까먹기 쉽지만 매우 중요합니다

20
00:01:01,099 --> 00:01:03,002
그래서 한번 더 말하겠습니다

21
00:01:03,002 --> 00:01:07,526
프로그램에서 텍스트를 사용하려면
큰 따옴표를 앞뒤로 찍어줘야합니다

22
00:01:07,526 --> 00:01:09,602
그렇지 않으면 이상한 에러 메시지를 받습니다

23
00:01:09,602 --> 00:01:11,996
만약 이상한 에러 메시지를 발견하면

24
00:01:11,996 --> 00:01:15,089
큰따옴표를 잊지 않았는지 점검해봐야합니다

25
00:01:15,089 --> 00:01:18,199
큰따옴표를 추가해주니
에러메시지가 더이상 뜨지 않습니다

26
00:01:18,199 --> 00:01:20,828
하지만 아무것도 표시되지 않습니다

27
00:01:20,828 --> 00:01:22,157
여전히 빈화면입니다

28
00:01:22,157 --> 00:01:24,950
그런데 배경을 그리면 글자가 보이게 됩니다

29
00:01:25,270 --> 00:01:27,486
배경을 빨강으로 그렸습니다

30
00:01:27,486 --> 00:01:29,253
이제 글자가 보이네요

31
00:01:29,253 --> 00:01:31,061
하얀 글자였네요

32
00:01:31,061 --> 00:01:36,268
아까는 배경도 하얗고 글자도 하얘서

33
00:01:36,268 --> 00:01:37,952
볼 수 없었습니다

34
00:01:37,952 --> 00:01:42,445
바보같이 왜 하얀 배경 위에 하얀 글자를 적었을까요?

35
00:01:42,445 --> 00:01:46,111
우리는 채우기라는 것을 알기 때문에
글자색을 바꿀 수 있어요

36
00:01:46,111 --> 00:01:50,901
네모나 줄에 채우기하듯
텍스트를 채우기하면 되지요

37
00:01:50,901 --> 00:01:54,231
이렇게 말이에요!

38
00:01:54,231 --> 00:01:59,290
이제 배경이 없어도
이 글자가 어떤 글자인지 보입니다

39
00:01:59,290 --> 00:02:03,799
text()의 첫번째 인자는
우리가 쓰려는 글자에요

40
00:02:03,799 --> 00:02:08,695
두번째 인자는 가로 위치를 정하는거고요

41
00:02:08,695 --> 00:02:11,776
세번째 인자는 세로 위치입니다

42
00:02:11,776 --> 00:02:14,698
사각형을 그리듯이 너무 친숙합니다

43
00:02:15,448 --> 00:02:19,505
한가지 조금 까다로운게 있다면
텍스트는 이차원이라는 것입니다

44
00:02:19,685 --> 00:02:27,522
사각형은 좌상단이 기준이지만
텍스트는 좌하단이 기준입니다

45
00:02:27,712 --> 00:02:32,560
혼란스럽지만
꼭 기억해야합니다

46
00:02:32,761 --> 00:02:37,390
height 값을 수정해서
확인해볼 수 있습니다

47
00:02:37,730 --> 00:02:42,638
height이 설정되는 곳은
좌하단 모서리입니다

48
00:02:44,328 --> 00:02:48,775
0으로 설정할 수 있습니다
어떻게 될까요?

49
00:02:49,045 --> 00:02:53,761
전혀 볼 수가 없네요
그러나 점점 증가시키면 보입니다

50
00:02:53,761 --> 00:02:56,116
조금씩 보이네요

51
00:02:56,116 --> 00:02:59,782
그러니까 좌하단이 좌표의 기준이 된다는것입니다

52
00:02:59,782 --> 00:03:01,504
좌상단이 아니라요

53
00:03:01,504 --> 00:03:06,222
텍스트에 대해 충분히 분석했으니
더 좋게 바꿔봅시다

54
00:03:06,222 --> 00:03:08,838
예를 들어, 더 크게 만들어 봅시다

55
00:03:08,838 --> 00:03:13,674
"textSize"는 텍스트의 크기입니다

56
00:03:13,674 --> 00:03:17,402
"30"으로 매우 크게 만들 수도 있고

57
00:03:17,402 --> 00:03:21,479
아니면 매우 작게 만들 수도 있습니다

58
00:03:21,479 --> 00:03:25,557
무엇이든 적어봐요
이름이나 간단한 메시지같은것을요

59
00:03:25,557 --> 00:03:30,508
제 이름을 적어볼게요
본인 이름으로 바꾸셔도 됩니다

60
00:03:30,508 --> 00:03:35,436
text("Sophia", )라고 적습니다

61
00:03:35,436 --> 00:03:42,801
그리고 아래에 간단한 메시지를 적습니다
text("I like puppies, and guitars and coding", )

62
00:03:42,801 --> 00:03:47,802
아주 좋아요
다만 글자가 겹치지 않게 자리를 이동시켜야하겠네요

63
00:03:47,802 --> 00:03:54,532
그리고 긴 문자열이니까
텍스트 사이즈를 더 작게 줄여야합니다

64
00:03:56,488 --> 00:03:58,633
이제 꽤 좋습니다

65
00:03:58,633 --> 00:04:01,854
근데 글자가 파란색이니까 좀 지루한 것 같아요

66
00:04:01,854 --> 00:04:06,923
채우기 색상을 다른걸로 변경해요

67
00:04:06,923 --> 00:04:09,952
보라색은 어떨까요?

68
00:04:09,952 --> 00:04:13,711
이것이 텍스트 드로잉의 전부입니다

69
00:04:13,711 --> 00:04:17,102
색상을 변경하고 크기를 변경하는것이에요