[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.00,0:00:03.04,Default,,0000,0000,0000,,글자를 어떻게 쓰는지 배웠으므로 더 깊이 들어가봅시다 Dialogue: 0,0:00:03.04,0:00:06.17,Default,,0000,0000,0000,,첫 번째로 할것은 "string"(실, 줄)을 사용해보는 것입니다 Dialogue: 0,0:00:06.17,0:00:10.56,Default,,0000,0000,0000,,실? 우리 고양이가 가지고 노는? 이라고 생각할지도 모르겠네요 Dialogue: 0,0:00:10.56,0:00:14.56,Default,,0000,0000,0000,,하지만 프로그래머에게 있어서 string은 텍스트를 사용할때 쓰는 이름입니다 Dialogue: 0,0:00:14.56,0:00:18.38,Default,,0000,0000,0000,,하나의 실로 연결된 여러 개의 문자들을 생각해 보면 도움이 될겁니다 Dialogue: 0,0:00:18.38,0:00:23.45,Default,,0000,0000,0000,,여러분의 이름, 학교 그리고 여러분이 휴대폰에서 \N보내는 문자 모두다 string이라고 볼수있습니다 Dialogue: 0,0:00:23.45,0:00:26.84,Default,,0000,0000,0000,,기본적으로, string은 텍스트문자와 같다고 생각하세요 Dialogue: 0,0:00:26.84,0:00:30.96,Default,,0000,0000,0000,,그러므로 우리는 이미 그리기와 색칠하기에서 string을 사용했었네요 Dialogue: 0,0:00:30.96,0:00:34.22,Default,,0000,0000,0000,,string으로 변수를 사용할 수 있냐고요? \N물론이죠 Dialogue: 0,0:00:34.22,0:00:38.77,Default,,0000,0000,0000,,변수에 숫자를 기본적으로 넣을수 있듯이 변수에 string을 넣을수 있습니다 Dialogue: 0,0:00:38.77,0:00:43.80,Default,,0000,0000,0000,,var myName = (여러분들의 이름) 이므로 여기서 Sophia(소피아)라고 \N해보도록 하죠. 이 단락을 기억하면서 해보도록 합시다 Dialogue: 0,0:00:43.80,0:00:47.54,Default,,0000,0000,0000,,그리고 변수 myName을 따옴표로 인용된 Sophia를 \N직접 적는 대신 그자리에 놓으면 됩니다 Dialogue: 0,0:00:47.54,0:00:50.18,Default,,0000,0000,0000,,이전에 했던것과 마찬가지로 말이에요 Dialogue: 0,0:00:50.18,0:00:54.36,Default,,0000,0000,0000,,이러한 방법은 똑같아 보이기는 하지만 여러번 적어야 합니다 Dialogue: 0,0:00:54.36,0:00:58.11,Default,,0000,0000,0000,,알다시피 여기에도 한번 저기에도 한번\N그래서 좀 예술적으로 하고 싶기도 합니다 Dialogue: 0,0:00:58.11,0:01:01.89,Default,,0000,0000,0000,,여러분들이 할것은 이 변수를 당신의 이름으로 바꾸기만 하면\N Dialogue: 0,0:01:01.89,0:01:05.26,Default,,0000,0000,0000,,이렇게 당신의 이름이 세 번 쓰여 지게 되는거죠 Dialogue: 0,0:01:05.26,0:01:10.07,Default,,0000,0000,0000,,이제 조금 돌려서 좀 재미있는 것, 즉 stringemf을 같이 더해버리는 것부터 해 볼까요? Dialogue: 0,0:01:10.07,0:01:13.23,Default,,0000,0000,0000,,변수를 함께 더하는 것을 시작했던것과 마찬가지로 말이죠 Dialogue: 0,0:01:13.23,0:01:17.47,Default,,0000,0000,0000,,그렇게 할수 있습니다. 컴퓨터는 두 문장을 함께 붙여버릴 것입니다 Dialogue: 0,0:01:17.47,0:01:20.36,Default,,0000,0000,0000,,예를 들어 먼저 이것들을 좀 지워서 한번만 하고 Dialogue: 0,0:01:20.36,0:01:27.59,Default,,0000,0000,0000,,이제 다른 변수 message를 사용해서 그것에 \NmyName 더하기 여러 개의 느낌표를 넣을 것입니다 Dialogue: 0,0:01:27.59,0:01:31.31,Default,,0000,0000,0000,,그리고 여기 myName 대신 message를 넣어준다면 Dialogue: 0,0:01:31.31,0:01:37.12,Default,,0000,0000,0000,,보시다시피 myname 뒤에 느낌표 세게가 붙어지는걸 볼수 있습니다. Dialogue: 0,0:01:37.12,0:01:42.34,Default,,0000,0000,0000,,message를 두번 적는다면 더 흥미로운것을 볼수 있습니다 Dialogue: 0,0:01:42.34,0:01:48.90,Default,,0000,0000,0000,,꽤나 합리적으로 보입니다. Stings들을 더한다는 것은 하나의 string 뒤에 \N다른 string을 붙이는 것과 같다고 볼수있겠습니다 Dialogue: 0,0:01:48.90,0:01:54.50,Default,,0000,0000,0000,,좀 더 재미있는 것을 해볼까요? 문장을 더하거나 \N곱하거나 나누는 것 혹은 빼는 것을 해볼까요? Dialogue: 0,0:01:54.50,0:01:59.16,Default,,0000,0000,0000,,할수 있을까요? 못합니다. string 은 오직 더하는 것만 됩니다. Dialogue: 0,0:01:59.16,0:02:04.14,Default,,0000,0000,0000,,숫자 변수는 나누거다 뺄수 있지만 sring(문자열) 변수는 그럴 수 없습니다 Dialogue: 0,0:02:04.14,0:02:09.22,Default,,0000,0000,0000,,하지만 그런 호기심을 갖고 질문을 하는 것은 \N프로그래밍에 있어서 좋은 자세입니다 Dialogue: 0,0:02:09.22,0:02:13.02,Default,,0000,0000,0000,,"sring(문자열)을 나눈다는것은 무엇을 의미할까?"라는 생각말입니다 Dialogue: 0,0:02:13.02,0:02:16.93,Default,,0000,0000,0000,,그리고 애니메이션을 사용할 수 있는데 \N문자열과 마우스 상호작용을 사용할 수 있습니다 Dialogue: 0,0:02:16.93,0:02:20.29,Default,,0000,0000,0000,,예로 들면, 마우스를 따라 움직이는 sring(문자열)을 만들수 있습니다 Dialogue: 0,0:02:20.29,0:02:23.19,Default,,0000,0000,0000,,사각형을 만들때 했던것과 같이 Draw 반복문 안에 집어 넣으면 됩니다 Dialogue: 0,0:02:23.19,0:02:29.63,Default,,0000,0000,0000,,어떻게 하느냐면 var draw 를 하고 이 위 모두를 안에 적어줍니다. Dialogue: 0,0:02:29.63,0:02:32.90,Default,,0000,0000,0000,,매우 익숙하죠? 애니메이션 학습에서 본것과 비슷하죠 Dialogue: 0,0:02:32.90,0:02:39.16,Default,,0000,0000,0000,,마우스를 따라 움직이게 하려면 mouseX 와 mouseY가 필요하겠네요 Dialogue: 0,0:02:39.16,0:02:43.19,Default,,0000,0000,0000,,이제 이름으로 도배를 할수 있습니다. Dialogue: 0,0:02:43.19,0:02:49.96,Default,,0000,0000,0000,,원하신다면 배경을 설정해도 됩니다\N좋은 옅은 파랑으로요 Dialogue: 0,0:02:49.96,0:02:53.16,Default,,0000,0000,0000,,이제 문자가 마우스를 따라 움직이게 됩니다 \N지난번에 사각형 만들 때 했던 것 처럼요 Dialogue: 0,0:02:53.16,0:02:56.84,Default,,0000,0000,0000,,그리고 마지막으로 애니메이션을 사용하여 재미있는 것을 해 봅시다 Dialogue: 0,0:02:56.84,0:03:02.23,Default,,0000,0000,0000,,문자 사이즈를 점점 크게 만드는 것을 해보도록 합시다 Dialogue: 0,0:03:02.23,0:03:06.23,Default,,0000,0000,0000,,여기서 textSize가 30으로 되있네요. 변수에서 공부했듯이 Dialogue: 0,0:03:06.23,0:03:13.72,Default,,0000,0000,0000,,30을 사용하는것 대신에 var howBig = 30 라고 새로운 변수 지정합니다 \N그리고 30 대신에 이변수를 지정해 줍니다 Dialogue: 0,0:03:13.72,0:03:19.92,Default,,0000,0000,0000,,같은 동작을 하는 거죠 \N애니메이션을 하기 위해선 뭔가를 변경해야 합니다 Dialogue: 0,0:03:19.92,0:03:25.25,Default,,0000,0000,0000,,그래서 howBig = howBig +1을 할 수 있는데요 Dialogue: 0,0:03:25.25,0:03:31.58,Default,,0000,0000,0000,,이것은 howBig 1을 더하게 되므로써 조금 더 커지게 됩니다 Dialogue: 0,0:03:31.58,0:03:35.69,Default,,0000,0000,0000,,그리고 이제 프로그램을 다시 실행하면 , 자 Dialogue: 0,0:03:35.69,0:03:39.97,Default,,0000,0000,0000,,마우스를 움직일때 마다 텍스트사이즈는 점점 커지게 됩니다 Dialogue: 0,0:03:39.97,0:03:43.57,Default,,0000,0000,0000,,이 줄의 코드 때문에 말입니다 Dialogue: 0,0:03:43.57,0:03:47.93,Default,,0000,0000,0000,,그럼 어떻게 더 크기를 빠르게 커지게 할 수 있을까요? Dialogue: 0,0:03:47.93,0:03:51.85,Default,,0000,0000,0000,,이제 코드로 모양 형태를 다루는 것 뿐만 아니라 Dialogue: 0,0:03:51.85,0:03:56.33,Default,,0000,0000,0000,,텍트츠(문자)도 사용하는 방법도 알게 되었습니다