WEBVTT

00:00:00.236 --> 00:00:02.719
그리기에 대해 많이 배웠습니다

00:00:02.719 --> 00:00:05.193
하지만 이름을 적어보세요

00:00:05.193 --> 00:00:07.595
이번 시간에는 텍스트에 대해 배우겠습니다

00:00:07.595 --> 00:00:10.049
게임에서의 점수를 보여줄 때 텍스트를 사용합니다

00:00:10.049 --> 00:00:12.503
캐릭터들의 대화에도 사용하고

00:00:12.503 --> 00:00:16.039
이름 크기나 이름 색상에도 사용합니다

00:00:16.039 --> 00:00:18.225
hello를 적어보겠습니다

00:00:18.225 --> 00:00:24.493
text(hello,)를 적었는데 에러메시지가 뜹니다

00:00:24.493 --> 00:00:27.424
hello는 정의되지 않았다고 하네요
무슨 뜻이지요?

00:00:27.424 --> 00:00:30.993
hello가 프로그램 상 변수로 인식되어서
발생하는 문제입니다

00:00:30.993 --> 00:00:33.445
프로그램적인 관점에서 이해해야됩니다

00:00:33.445 --> 00:00:36.222
hello는 변수가 될 수 있기 때문입니다

00:00:36.222 --> 00:00:38.991
변수 말고 문장으로 인식 시키려면 어떻게 하죠?

00:00:38.991 --> 00:00:42.529
"hello"라고 앞뒤에 큰따옴표를 적어주면 됩니다

00:00:42.529 --> 00:00:46.069
그럼 변수가 아니라 문장이라고 알려줍니다

00:00:46.069 --> 00:00:47.833
그러니까 텍스트로 출력해달라는거죠

00:00:47.833 --> 00:00:53.652
책을 보면 모든 등장인물의 대사에는
큰따옴표가 있습니다

00:00:53.652 --> 00:00:58.092
프로그램에도 무언가 말하고자 한다면
큰따옴표를 붙여야합니다

00:00:58.092 --> 00:01:01.099
까먹기 쉽지만 매우 중요합니다

00:01:01.099 --> 00:01:03.002
그래서 한번 더 말하겠습니다

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

00:01:07.526 --> 00:01:09.602
그렇지 않으면 이상한 에러 메시지를 받습니다

00:01:09.602 --> 00:01:11.996
만약 이상한 에러 메시지를 발견하면

00:01:11.996 --> 00:01:15.089
큰따옴표를 잊지 않았는지 점검해봐야합니다

00:01:15.089 --> 00:01:18.199
큰따옴표를 추가해주니
에러메시지가 더이상 뜨지 않습니다

00:01:18.199 --> 00:01:20.828
하지만 아무것도 표시되지 않습니다

00:01:20.828 --> 00:01:22.157
여전히 빈화면입니다

00:01:22.157 --> 00:01:24.950
그런데 배경을 그리면 글자가 보이게 됩니다

00:01:25.270 --> 00:01:27.486
배경을 빨강으로 그렸습니다

00:01:27.486 --> 00:01:29.253
이제 글자가 보이네요

00:01:29.253 --> 00:01:31.061
하얀 글자였네요

00:01:31.061 --> 00:01:36.268
아까는 배경도 하얗고 글자도 하얘서

00:01:36.268 --> 00:01:37.952
볼 수 없었습니다

00:01:37.952 --> 00:01:42.445
바보같이 왜 하얀 배경 위에 하얀 글자를 적었을까요?

00:01:42.445 --> 00:01:46.111
우리는 채우기라는 것을 알기 때문에
글자색을 바꿀 수 있어요

00:01:46.111 --> 00:01:50.901
네모나 줄에 채우기하듯
텍스트를 채우기하면 되지요

00:01:50.901 --> 00:01:54.231
이렇게 말이에요!

00:01:54.231 --> 00:01:59.290
이제 배경이 없어도
이 글자가 어떤 글자인지 보입니다

00:01:59.290 --> 00:02:03.799
text()의 첫번째 인자는
우리가 쓰려는 글자에요

00:02:03.799 --> 00:02:08.695
두번째 인자는 가로 위치를 정하는거고요

00:02:08.695 --> 00:02:11.776
세번째 인자는 세로 위치입니다

00:02:11.776 --> 00:02:14.698
사각형을 그리듯이 너무 친숙합니다

00:02:15.448 --> 00:02:19.505
한가지 조금 까다로운게 있다면
텍스트는 이차원이라는 것입니다

00:02:19.685 --> 00:02:27.522
사각형은 좌상단이 기준이지만
텍스트는 좌하단이 기준입니다

00:02:27.712 --> 00:02:32.560
혼란스럽지만
꼭 기억해야합니다

00:02:32.761 --> 00:02:37.390
height 값을 수정해서
확인해볼 수 있습니다

00:02:37.730 --> 00:02:42.638
height이 설정되는 곳은
좌하단 모서리입니다

00:02:44.328 --> 00:02:48.775
0으로 설정할 수 있습니다
어떻게 될까요?

00:02:49.045 --> 00:02:53.761
전혀 볼 수가 없네요
그러나 점점 증가시키면 보입니다

00:02:53.761 --> 00:02:56.116
조금씩 보이네요

00:02:56.116 --> 00:02:59.782
그러니까 좌하단이 좌표의 기준이 된다는것입니다

00:02:59.782 --> 00:03:01.504
좌상단이 아니라요

00:03:01.504 --> 00:03:06.222
텍스트에 대해 충분히 분석했으니
더 좋게 바꿔봅시다

00:03:06.222 --> 00:03:08.838
예를 들어, 더 크게 만들어 봅시다

00:03:08.838 --> 00:03:13.674
"textSize"는 텍스트의 크기입니다

00:03:13.674 --> 00:03:17.402
"30"으로 매우 크게 만들 수도 있고

00:03:17.402 --> 00:03:21.479
아니면 매우 작게 만들 수도 있습니다

00:03:21.479 --> 00:03:25.557
무엇이든 적어봐요
이름이나 간단한 메시지같은것을요

00:03:25.557 --> 00:03:30.508
제 이름을 적어볼게요
본인 이름으로 바꾸셔도 됩니다

00:03:30.508 --> 00:03:35.436
text("Sophia", )라고 적습니다

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

00:03:42.801 --> 00:03:47.802
아주 좋아요
다만 글자가 겹치지 않게 자리를 이동시켜야하겠네요

00:03:47.802 --> 00:03:54.532
그리고 긴 문자열이니까
텍스트 사이즈를 더 작게 줄여야합니다

00:03:56.488 --> 00:03:58.633
이제 꽤 좋습니다

00:03:58.633 --> 00:04:01.854
근데 글자가 파란색이니까 좀 지루한 것 같아요

00:04:01.854 --> 00:04:06.923
채우기 색상을 다른걸로 변경해요

00:04:06.923 --> 00:04:09.952
보라색은 어떨까요?

00:04:09.952 --> 00:04:13.711
이것이 텍스트 드로잉의 전부입니다

00:04:13.711 --> 00:04:17.102
색상을 변경하고 크기를 변경하는것이에요