WEBVTT

00:00:00.000 --> 00:00:03.042
글자를 어떻게 쓰는지 배웠으므로 더 깊이 들어가봅시다

00:00:03.042 --> 00:00:06.173
첫 번째로 할것은 "string"(실, 줄)을 사용해보는 것입니다

00:00:06.173 --> 00:00:10.564
실? 우리 고양이가 가지고 노는? 이라고 생각할지도 모르겠네요

00:00:10.564 --> 00:00:14.565
하지만 프로그래머에게 있어서 string은 텍스트를 사용할때 쓰는 이름입니다

00:00:14.565 --> 00:00:18.376
하나의 실로 연결된 여러 개의 문자들을 생각해 보면 도움이 될겁니다

00:00:18.376 --> 00:00:23.451
여러분의 이름, 학교 그리고 여러분이 휴대폰에서 
보내는 문자 모두다 string이라고 볼수있습니다

00:00:23.451 --> 00:00:26.838
기본적으로, string은 텍스트문자와 같다고 생각하세요

00:00:26.838 --> 00:00:30.965
그러므로 우리는 이미 그리기와 색칠하기에서 string을 사용했었네요

00:00:30.965 --> 00:00:34.217
string으로 변수를 사용할 수 있냐고요? 
물론이죠

00:00:34.217 --> 00:00:38.770
변수에 숫자를 기본적으로 넣을수 있듯이 변수에 string을 넣을수 있습니다

00:00:38.770 --> 00:00:43.803
var myName = (여러분들의 이름) 이므로 여기서 Sophia(소피아)라고 
해보도록 하죠. 이 단락을 기억하면서 해보도록 합시다

00:00:43.803 --> 00:00:47.537
그리고 변수 myName을 따옴표로 인용된 Sophia를 
직접 적는 대신 그자리에 놓으면 됩니다

00:00:47.537 --> 00:00:50.176
이전에 했던것과 마찬가지로 말이에요

00:00:50.176 --> 00:00:54.357
이러한 방법은 똑같아 보이기는 하지만 여러번 적어야 합니다

00:00:54.357 --> 00:00:58.112
알다시피 여기에도 한번 저기에도 한번
그래서 좀 예술적으로 하고 싶기도 합니다

00:00:58.112 --> 00:01:01.891
여러분들이 할것은 이 변수를 당신의 이름으로 바꾸기만 하면


00:01:01.891 --> 00:01:05.265
이렇게 당신의 이름이 세 번 쓰여 지게 되는거죠

00:01:05.265 --> 00:01:10.070
이제 조금 돌려서 좀 재미있는 것, 즉 stringemf을 같이 더해버리는 것부터 해 볼까요?

00:01:10.070 --> 00:01:13.229
변수를 함께 더하는 것을 시작했던것과 마찬가지로 말이죠

00:01:13.229 --> 00:01:17.466
그렇게 할수 있습니다. 컴퓨터는 두 문장을 함께 붙여버릴 것입니다

00:01:17.466 --> 00:01:20.362
예를 들어 먼저 이것들을 좀 지워서 한번만 하고

00:01:20.362 --> 00:01:27.590
이제 다른 변수 message를 사용해서 그것에 
myName 더하기 여러 개의 느낌표를 넣을 것입니다

00:01:27.590 --> 00:01:31.313
그리고 여기 myName 대신 message를 넣어준다면

00:01:31.313 --> 00:01:37.117
보시다시피 myname 뒤에 느낌표 세게가 붙어지는걸 볼수 있습니다.

00:01:37.117 --> 00:01:42.345
message를 두번 적는다면 더 흥미로운것을 볼수 있습니다

00:01:42.345 --> 00:01:48.904
꽤나 합리적으로 보입니다. Stings들을 더한다는 것은 하나의 string 뒤에 
다른 string을 붙이는 것과 같다고 볼수있겠습니다

00:01:48.904 --> 00:01:54.500
좀 더 재미있는 것을 해볼까요? 문장을 더하거나 
곱하거나 나누는 것 혹은 빼는 것을 해볼까요?

00:01:54.500 --> 00:01:59.163
할수 있을까요? 못합니다. string 은 오직 더하는 것만 됩니다.

00:01:59.163 --> 00:02:04.136
숫자 변수는 나누거다 뺄수 있지만 sring(문자열) 변수는 그럴 수 없습니다

00:02:04.136 --> 00:02:09.220
하지만 그런 호기심을 갖고 질문을 하는 것은 
프로그래밍에 있어서 좋은 자세입니다

00:02:09.220 --> 00:02:13.019
"sring(문자열)을 나눈다는것은 무엇을 의미할까?"라는 생각말입니다

00:02:13.019 --> 00:02:16.930
그리고 애니메이션을 사용할 수 있는데 
문자열과 마우스 상호작용을 사용할 수 있습니다

00:02:16.930 --> 00:02:20.291
예로 들면, 마우스를 따라 움직이는 sring(문자열)을 만들수 있습니다

00:02:20.291 --> 00:02:23.186
사각형을 만들때 했던것과 같이 Draw 반복문 안에 집어 넣으면 됩니다

00:02:23.186 --> 00:02:29.634
어떻게 하느냐면 var draw 를 하고 이 위 모두를 안에 적어줍니다.

00:02:29.634 --> 00:02:32.905
매우 익숙하죠? 애니메이션 학습에서 본것과 비슷하죠

00:02:32.905 --> 00:02:39.161
마우스를 따라 움직이게 하려면 mouseX 와 mouseY가 필요하겠네요

00:02:39.161 --> 00:02:43.188
이제 이름으로 도배를 할수 있습니다.

00:02:43.188 --> 00:02:49.965
원하신다면 배경을 설정해도 됩니다
좋은 옅은 파랑으로요

00:02:49.965 --> 00:02:53.165
이제 문자가 마우스를 따라 움직이게 됩니다 
지난번에 사각형 만들 때 했던 것 처럼요

00:02:53.165 --> 00:02:56.845
그리고 마지막으로 애니메이션을 사용하여 재미있는 것을 해 봅시다

00:02:56.845 --> 00:03:02.232
문자 사이즈를 점점 크게 만드는 것을 해보도록 합시다

00:03:02.232 --> 00:03:06.229
여기서 textSize가 30으로 되있네요. 변수에서 공부했듯이

00:03:06.229 --> 00:03:13.723
30을 사용하는것 대신에 var howBig = 30 라고 새로운 변수 지정합니다 
그리고 30 대신에 이변수를 지정해 줍니다

00:03:13.723 --> 00:03:19.925
같은 동작을 하는 거죠 
애니메이션을 하기 위해선 뭔가를 변경해야 합니다

00:03:19.925 --> 00:03:25.254
그래서 howBig = howBig +1을 할 수 있는데요

00:03:25.254 --> 00:03:31.585
이것은 howBig 1을 더하게 되므로써 조금 더 커지게 됩니다

00:03:31.585 --> 00:03:35.694
그리고 이제 프로그램을 다시 실행하면 , 자

00:03:35.694 --> 00:03:39.974
마우스를 움직일때 마다 텍스트사이즈는 점점 커지게 됩니다

00:03:39.974 --> 00:03:43.569
이 줄의 코드 때문에 말입니다

00:03:43.569 --> 00:03:47.932
그럼 어떻게 더 크기를 빠르게 커지게 할 수 있을까요?

00:03:47.932 --> 00:03:51.852
이제 코드로 모양 형태를 다루는 것 뿐만 아니라

00:03:51.852 --> 00:03:56.332
텍트츠(문자)도 사용하는 방법도 알게 되었습니다