Return to Video

Terrific Text Part 2

  • 0:00 - 0:03
    글자를 어떻게 쓰는지 배웠으므로 더 깊이 들어가봅시다
  • 0:03 - 0:06
    첫 번째로 할것은 "string"(실, 줄)을 사용해보는 것입니다
  • 0:06 - 0:11
    실? 우리 고양이가 가지고 노는? 이라고 생각할지도 모르겠네요
  • 0:11 - 0:15
    하지만 프로그래머에게 있어서 string은 텍스트를 사용할때 쓰는 이름입니다
  • 0:15 - 0:18
    하나의 실로 연결된 여러 개의 문자들을 생각해 보면 도움이 될겁니다
  • 0:18 - 0:23
    여러분의 이름, 학교 그리고 여러분이 휴대폰에서
    보내는 문자 모두다 string이라고 볼수있습니다
  • 0:23 - 0:27
    기본적으로, string은 텍스트문자와 같다고 생각하세요
  • 0:27 - 0:31
    그러므로 우리는 이미 그리기와 색칠하기에서 string을 사용했었네요
  • 0:31 - 0:34
    string으로 변수를 사용할 수 있냐고요?
    물론이죠
  • 0:34 - 0:39
    변수에 숫자를 기본적으로 넣을수 있듯이 변수에 string을 넣을수 있습니다
  • 0:39 - 0:44
    var myName = (여러분들의 이름) 이므로 여기서 Sophia(소피아)라고
    해보도록 하죠. 이 단락을 기억하면서 해보도록 합시다
  • 0:44 - 0:48
    그리고 변수 myName을 따옴표로 인용된 Sophia를
    직접 적는 대신 그자리에 놓으면 됩니다
  • 0:48 - 0:50
    이전에 했던것과 마찬가지로 말이에요
  • 0:50 - 0:54
    이러한 방법은 똑같아 보이기는 하지만 여러번 적어야 합니다
  • 0:54 - 0:58
    알다시피 여기에도 한번 저기에도 한번
    그래서 좀 예술적으로 하고 싶기도 합니다
  • 0:58 - 1:02
    여러분들이 할것은 이 변수를 당신의 이름으로 바꾸기만 하면
  • 1:02 - 1:05
    이렇게 당신의 이름이 세 번 쓰여 지게 되는거죠
  • 1:05 - 1:10
    이제 조금 돌려서 좀 재미있는 것, 즉 stringemf을 같이 더해버리는 것부터 해 볼까요?
  • 1:10 - 1:13
    변수를 함께 더하는 것을 시작했던것과 마찬가지로 말이죠
  • 1:13 - 1:17
    그렇게 할수 있습니다. 컴퓨터는 두 문장을 함께 붙여버릴 것입니다
  • 1:17 - 1:20
    예를 들어 먼저 이것들을 좀 지워서 한번만 하고
  • 1:20 - 1:28
    이제 다른 변수 message를 사용해서 그것에
    myName 더하기 여러 개의 느낌표를 넣을 것입니다
  • 1:28 - 1:31
    그리고 여기 myName 대신 message를 넣어준다면
  • 1:31 - 1:37
    보시다시피 myname 뒤에 느낌표 세게가 붙어지는걸 볼수 있습니다.
  • 1:37 - 1:42
    message를 두번 적는다면 더 흥미로운것을 볼수 있습니다
  • 1:42 - 1:49
    꽤나 합리적으로 보입니다. Stings들을 더한다는 것은 하나의 string 뒤에
    다른 string을 붙이는 것과 같다고 볼수있겠습니다
  • 1:49 - 1:54
    좀 더 재미있는 것을 해볼까요? 문장을 더하거나
    곱하거나 나누는 것 혹은 빼는 것을 해볼까요?
  • 1:54 - 1:59
    할수 있을까요? 못합니다. string 은 오직 더하는 것만 됩니다.
  • 1:59 - 2:04
    숫자 변수는 나누거다 뺄수 있지만 sring(문자열) 변수는 그럴 수 없습니다
  • 2:04 - 2:09
    하지만 그런 호기심을 갖고 질문을 하는 것은
    프로그래밍에 있어서 좋은 자세입니다
  • 2:09 - 2:13
    "sring(문자열)을 나눈다는것은 무엇을 의미할까?"라는 생각말입니다
  • 2:13 - 2:17
    그리고 애니메이션을 사용할 수 있는데
    문자열과 마우스 상호작용을 사용할 수 있습니다
  • 2:17 - 2:20
    예로 들면, 마우스를 따라 움직이는 sring(문자열)을 만들수 있습니다
  • 2:20 - 2:23
    사각형을 만들때 했던것과 같이 Draw 반복문 안에 집어 넣으면 됩니다
  • 2:23 - 2:30
    어떻게 하느냐면 var draw 를 하고 이 위 모두를 안에 적어줍니다.
  • 2:30 - 2:33
    매우 익숙하죠? 애니메이션 학습에서 본것과 비슷하죠
  • 2:33 - 2:39
    마우스를 따라 움직이게 하려면 mouseX 와 mouseY가 필요하겠네요
  • 2:39 - 2:43
    이제 이름으로 도배를 할수 있습니다.
  • 2:43 - 2:50
    원하신다면 배경을 설정해도 됩니다
    좋은 옅은 파랑으로요
  • 2:50 - 2:53
    이제 문자가 마우스를 따라 움직이게 됩니다
    지난번에 사각형 만들 때 했던 것 처럼요
  • 2:53 - 2:57
    그리고 마지막으로 애니메이션을 사용하여 재미있는 것을 해 봅시다
  • 2:57 - 3:02
    문자 사이즈를 점점 크게 만드는 것을 해보도록 합시다
  • 3:02 - 3:06
    여기서 textSize가 30으로 되있네요. 변수에서 공부했듯이
  • 3:06 - 3:14
    30을 사용하는것 대신에 var howBig = 30 라고 새로운 변수 지정합니다
    그리고 30 대신에 이변수를 지정해 줍니다
  • 3:14 - 3:20
    같은 동작을 하는 거죠
    애니메이션을 하기 위해선 뭔가를 변경해야 합니다
  • 3:20 - 3:25
    그래서 howBig = howBig +1을 할 수 있는데요
  • 3:25 - 3:32
    이것은 howBig 1을 더하게 되므로써 조금 더 커지게 됩니다
  • 3:32 - 3:36
    그리고 이제 프로그램을 다시 실행하면 , 자
  • 3:36 - 3:40
    마우스를 움직일때 마다 텍스트사이즈는 점점 커지게 됩니다
  • 3:40 - 3:44
    이 줄의 코드 때문에 말입니다
  • 3:44 - 3:48
    그럼 어떻게 더 크기를 빠르게 커지게 할 수 있을까요?
  • 3:48 - 3:52
    이제 코드로 모양 형태를 다루는 것 뿐만 아니라
  • 3:52 - 3:56
    텍트츠(문자)도 사용하는 방법도 알게 되었습니다
Title:
Terrific Text Part 2
Description:

more » « less
Video Language:
English
Duration:
03:57

Korean subtitles

Revisions