1
00:00:00,443 --> 00:00:03,599
Emacs Rocks에 오신걸 환영합니다.

2
00:00:03,599 --> 00:00:10,016
오늘은, swank-js로 할 수 있는 굉장한 것에 대해 예기해보도록 하겠습니다.

3
00:00:10,016 --> 00:00:13,849
이것은, Javascript를 위한 REPL입니다.

4
00:00:13,849 --> 00:00:15,748
설치하기 조금 까다로워

5
00:00:15,748 --> 00:00:19,899
저는, 간편하게 설정할 수 있는 함수들을 몇개 추가했습니다.

6
00:00:19,899 --> 00:00:24,820
저는 이제, JavaScript REPL로 접속할 수 있게되어습니다.

7
00:00:28,066 --> 00:00:32,082
자동완성도 될 뿐더러,

8
00:00:32,082 --> 00:00:35,248
버퍼에서 Javascript를 바로 돌려볼 수 있습니다.

9
00:00:35,248 --> 00:00:38,915
평가(Eval)은 elisp처럼, C-x C-e입니다.

10
00:00:38,915 --> 00:00:41,198
그리고 결과는 아레쪽에 나타나게됩니다.

11
00:00:41,198 --> 00:00:44,641
자, 이 숫자들을 재곱해보도록 하겠습니다.

12
00:00:52,287 --> 00:00:56,882
그리고 이걸 평가해서 바꿔보겠습니다.

13
00:00:56,882 --> 00:00:59,032
매우 멋집니다.

14
00:00:59,032 --> 00:01:01,748
그럼, 이번에는 끝내주는 부분입니다...

15
00:01:01,748 --> 00:01:07,100
저는, Canvas상에서 튕기는 작은 공을 만들었습니다.

16
00:01:07,100 --> 00:01:09,165
이제 저는, 이곳에 접속하여

17
00:01:09,165 --> 00:01:14,922
REPL로부터 브라우저상에 무언가를 할 수 있게되었습니다.

18
00:01:25,137 --> 00:01:26,840
자, 잘보시기 바랍니다.

19
00:01:26,840 --> 00:01:30,036
저는 에디터상에서 바로 코드를 작성할 수 있습니다.

20
00:01:30,036 --> 00:01:35,550
공의 상하좌우의 속도조절과 같은 것들을 말이죠

21
00:01:43,703 --> 00:01:48,235
동시에 바뀌게 해주세요... 예~!

22
00:01:52,696 --> 00:01:55,406
또는, 공의 탄성계수을 바꿀 수 도 있습니다.

23
00:01:55,406 --> 00:02:00,567
공이 튕길때의 얻게되는 속력을 말이죠

24
00:02:03,459 --> 00:02:07,298
우어~ 일로 돌아와!

25
00:02:28,236 --> 00:02:30,377
자, 이번엔 CSS를 확인해보도록 하겠습니다.

26
00:02:30,377 --> 00:02:34,373
배경을 빨강색으로 하면 어떨까요?

27
00:02:36,403 --> 00:02:38,148
헤헤 ..

28
00:02:38,148 --> 00:02:41,594
별을 좀 넣어보겠습니다

29
00:02:43,748 --> 00:02:47,252
예~! 멋지다

30
00:02:53,514 --> 00:02:55,295
그럼, 좀 재미있는걸 해보도록 하겠습니다...

31
00:02:55,295 --> 00:02:58,865
매순간 투명도를 변화시키면서 새로운 공을 만들어,

32
00:02:58,865 --> 00:03:02,474
에니매이션을 200번 돌려보도록 하겠습니다.

33
00:03:24,028 --> 00:03:26,721
보이십니까? 튕겨나오는 모양입니다.

34
00:03:26,721 --> 00:03:31,769
이제, 저는 전체 속도를 바꾸거나,

35
00:03:37,492 --> 00:03:40,596
탄성계수를 바꿀 수 있습니다.

36
00:03:40,596 --> 00:03:43,700
잘 튕기지 않도록 만들거나,

37
00:03:43,700 --> 00:03:46,577
매우 잘 튕기도록 만들 수 있습니다.

38
00:03:49,377 --> 00:03:53,710
저는 심지어, 중력도 바꿀 수 있습니다.

39
00:04:02,787 --> 00:04:06,655
좋습니다, 실제 에니매이션으도 돌아가보도록 하겠습니다.

40
00:04:13,901 --> 00:04:18,172
보이십니까? 방금 만든 패턴입니다.

41
00:04:18,726 --> 00:04:21,726
이것이 바로, 이번시간의 Emacs Rocks입니다.

42
00:04:21,726 --> 00:04:24,727
Swank-js는 매우 끝내주는 것이 아닐 수 없습니다.

43
00:04:24,727 --> 00:04:29,058
여러분이 이를 얻고 실행할 수 있다면 말이죠.

44
00:04:30,227 --> 00:04:34,325
다음에 뵙도록 하겠습니다!