WEBVTT

00:00:00.844 --> 00:00:05.152
이제 우리 프로그램이 윈스톤 객체를 갖게 되었어요

00:00:05.152 --> 00:00:10.020
하지만 우린 아직 윈스톤 나이밖에 보여주지 않았어요
그래서 이번엔 제가

00:00:10.020 --> 00:00:13.719
윈스톤의 나이를 바꾸는 방법에 대해 알려주겠어요
왜냐하면 여러분들은

00:00:13.719 --> 00:00:18.075
윈스톤이 나이를 먹어야 한다는 사실을 알고 있으니깐요


00:00:18.075 --> 00:00:22.695
변수만으로 표현해 봅시다
그러면 변수 winstonAge는 19가 되고

00:00:22.695 --> 00:00:27.088
바꾸고 싶으면 winstonAge는 20이 될꺼예요

00:00:27.088 --> 00:00:31.275
그러면 이제 변수안에 다른 값이 저장되어있겠죠?

00:00:31.275 --> 00:00:39.477
이건 객체 특성과 굉장히 비슷해요
winston.age에 20을 대입하면

00:00:39.477 --> 00:00:43.609
윈스톤 객체에 있는 나이 속성에 새로운 값이 저장되었겠죠

00:00:43.609 --> 00:00:44.631
굳

00:00:44.631 --> 00:00:48.569
실행시켜봅시다
위에 있는 텍스트 함수를 복사하고

00:00:49.060 --> 00:00:54.020
y 위치를 바꾸어주면 끝
윈스톤이 늙었어요

00:00:54.543 --> 00:00:59.316
이제 여기에 1을 더한다고 합시다

00:00:59.316 --> 00:01:07.309
진짜 프로그래밍 같은 걸 합시다
winston.age에 winston.age+1을 넣을게요

00:01:07.309 --> 00:01:10.860
뭔 뜻이냐면 전에 저장되어 있던 값을 불러와서

00:01:10.860 --> 00:01:16.041
거기에 1을 더한 후에 나이 속성에 다시 대입시키는 거예요

00:01:16.903 --> 00:01:21.787
그러면 이건 전 값보다 1 커진 값이 저장돼야겠죠? 봅시다

00:01:22.956 --> 00:01:25.644
21살이 되었어요!

00:01:25.644 --> 00:01:30.064
점점 늙네요. 이제 1을 더하는 쉬운 방법을 알려줄게요

00:01:30.064 --> 00:01:36.803
<i>winston.age++</i> 를 해주면
아까 객체랑 같은 결과가 나올거예요

00:01:37.556 --> 00:01:44.997
실행시켜봅시다
진짜 똑같은 결과가 나왔네요

00:01:44.997 --> 00:01:49.144
이제 조금이나마 타자를 덜 칠 수 있겠군요

00:01:49.144 --> 00:01:53.330
위 과정을 보면 루프처럼 같은 문장이 반복되네요

00:01:53.330 --> 00:01:57.792
같은 코드를 쓸 때마다 바뀌는 것은 나이입니다

00:01:57.792 --> 00:02:02.527
그리고 다른 줄에 출력되기 위해 y 좌표도 바꿔야겠죠

00:02:03.018 --> 00:02:07.068
루프를 이용하면 윈스톤이 늙어가는 것을 훨씬 쉽게 알 수 있어요

00:02:07.068 --> 00:02:13.497
그리고 코드가 길어지진 않겠죠
이제 윈스턴이 40살까지 먹도록 루프를 만들어 봅시다

00:02:13.497 --> 00:02:16.207
그는 늙어서 주름 생기는 건 원치 않을 거예요

00:02:16.257 --> 00:02:19.250
윈'주름' 이라 부르죠 (웃음)

00:02:19.250 --> 00:02:20.320
자

00:02:20.320 --> 00:02:27.498
이제 while 루프를 사용해서 <i>winston.age <= 40</i> 조건을 넣어주고

00:02:27.498 --> 00:02:32.245
안에는 그의 나이를 출력하는 코드를 써줍시다

00:02:32.245 --> 00:02:37.586
그의 나이는 1씩 더해질 것이고요

00:02:37.586 --> 00:02:42.108
실행되었어요 근데 모든 것이 한꺼번에 출력됐네요
y좌표를 바꿔주는 것을 깜빡했어요

00:02:42.108 --> 00:02:53.250
y좌표에 <i>winston.age</i>*20에

00:02:53.250 --> 00:03:03.471
-350을 해준 값을 넣어 줄게요
좋아요 이제 앞에 썼던 코드는 지워버리고

00:03:03.471 --> 00:03:10.283
이제 윈스톤이 점점 나이를 먹고 있네요
윈'주름' 만큼 나이는 먹진 않았어요

00:03:10.283 --> 00:03:16.421
나이 바꾸는 방법을 알고
이제 추가적인 정보를 넣는 방법을 배워봅시다

00:03:16.421 --> 00:03:22.145
윈스톤 객체가 30살이 되었을 때 새로운 프로그래머

00:03:22.145 --> 00:03:24.843
위니퍼라는 부인과 결혼한다고 치면

00:03:24.843 --> 00:03:28.979
아뇨 그는 그녀랑은 결혼 못할 거예요
그녀는 예쁜 이름을 가졌기 때문이죠

00:03:28.979 --> 00:03:33.864
이제 할 일은 속성을 추가해주어야 겠죠?

00:03:33.864 --> 00:03:39.338
<i>winston.wife = "Winnefer"</i> 가 적당하겠죠?

00:03:39.338 --> 00:03:44.045
그런데 그가 결혼할 나이에 부인을 얻게 하고 싶으니깐,

00:03:44.045 --> 00:03:53.138
30살이 되었을 때, 아까 문장을 이 안에 넣어줄게요

00:03:53.138 --> 00:03:57.759
이제 그는 부인이 생겼어요
그들은 행복해지고 2년 후에 아이도 가졌지요

00:03:57.759 --> 00:04:04.204
32살이 되어서 아이들도 객체에 넣어 줄게요

00:04:04.204 --> 00:04:08.198
그들은 매우 생산적이기 때문에 쌍둥이를 낳았고요

00:04:08.198 --> 00:04:16.870
쌍둥이는 Winston Junior 하고 Winstonia라고 이름 지어줄게요

00:04:16.870 --> 00:04:21.851
좋은 이름이네요

00:04:21.851 --> 00:04:25.395
문자열을 새로운 속성으로 추가했어요

00:04:25.395 --> 00:04:28.516
그리고 원래 있던 객체들도 포함해서 말이지요

00:04:28.516 --> 00:04:33.530
루프가 끝나면 <i>winston.age</i>는 40이 될 것이고

00:04:33.530 --> 00:04:41.096
윈스톤은 와이프 Winnefer와 두 쌍둥이 문자열을 얻겠죠

00:04:41.096 --> 00:04:45.943
좋아요 근데 이런 윈스톤 이야기의 끝이 싫다면

00:04:45.943 --> 00:04:50.178
여기서 응용해서 새롭게 미래를 만들 수 있겠죠?

00:04:49.825 --> 00:04:53.825
이제 당신은 객체 속성을 바꾸는 법에 대해 알게 됐어요