WEBVTT

00:00:00.443 --> 00:00:03.599
Emacs Rocks에 오신걸 환영합니다.

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

00:00:10.016 --> 00:00:13.849
이것은, Javascript를 위한 REPL입니다.

00:00:13.849 --> 00:00:15.748
설치하기 조금 까다로워

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

00:00:19.899 --> 00:00:24.820
저는 이제, JavaScript REPL로 접속할 수 있게되어습니다.

00:00:28.066 --> 00:00:32.082
자동완성도 될 뿐더러,

00:00:32.082 --> 00:00:35.248
버퍼에서 Javascript를 바로 돌려볼 수 있습니다.

00:00:35.248 --> 00:00:38.915
평가(Eval)은 elisp처럼, C-x C-e입니다.

00:00:38.915 --> 00:00:41.198
그리고 결과는 아레쪽에 나타나게됩니다.

00:00:41.198 --> 00:00:44.641
자, 이 숫자들을 재곱해보도록 하겠습니다.

00:00:52.287 --> 00:00:56.882
그리고 이걸 평가해서 바꿔보겠습니다.

00:00:56.882 --> 00:00:59.032
매우 멋집니다.

00:00:59.032 --> 00:01:01.748
그럼, 이번에는 끝내주는 부분입니다...

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

00:01:07.100 --> 00:01:09.165
이제 저는, 이곳에 접속하여

00:01:09.165 --> 00:01:14.922
REPL로부터 브라우저상에 무언가를 할 수 있게되었습니다.

00:01:25.137 --> 00:01:26.840
자, 잘보시기 바랍니다.

00:01:26.840 --> 00:01:30.036
저는 에디터상에서 바로 코드를 작성할 수 있습니다.

00:01:30.036 --> 00:01:35.550
공의 상하좌우의 속도조절과 같은 것들을 말이죠

00:01:43.703 --> 00:01:48.235
동시에 바뀌게 해주세요... 예~!

00:01:52.696 --> 00:01:55.406
또는, 공의 탄성계수을 바꿀 수 도 있습니다.

00:01:55.406 --> 00:02:00.567
공이 튕길때의 얻게되는 속력을 말이죠

00:02:03.459 --> 00:02:07.298
우어~ 일로 돌아와!

00:02:28.236 --> 00:02:30.377
자, 이번엔 CSS를 확인해보도록 하겠습니다.

00:02:30.377 --> 00:02:34.373
배경을 빨강색으로 하면 어떨까요?

00:02:36.403 --> 00:02:38.148
헤헤 ..

00:02:38.148 --> 00:02:41.594
별을 좀 넣어보겠습니다

00:02:43.748 --> 00:02:47.252
예~! 멋지다

00:02:53.514 --> 00:02:55.295
그럼, 좀 재미있는걸 해보도록 하겠습니다...

00:02:55.295 --> 00:02:58.865
매순간 투명도를 변화시키면서 새로운 공을 만들어,

00:02:58.865 --> 00:03:02.474
에니매이션을 200번 돌려보도록 하겠습니다.

00:03:24.028 --> 00:03:26.721
보이십니까? 튕겨나오는 모양입니다.

00:03:26.721 --> 00:03:31.769
이제, 저는 전체 속도를 바꾸거나,

00:03:37.492 --> 00:03:40.596
탄성계수를 바꿀 수 있습니다.

00:03:40.596 --> 00:03:43.700
잘 튕기지 않도록 만들거나,

00:03:43.700 --> 00:03:46.577
매우 잘 튕기도록 만들 수 있습니다.

00:03:49.377 --> 00:03:53.710
저는 심지어, 중력도 바꿀 수 있습니다.

00:04:02.787 --> 00:04:06.655
좋습니다, 실제 에니매이션으도 돌아가보도록 하겠습니다.

00:04:13.901 --> 00:04:18.172
보이십니까? 방금 만든 패턴입니다.

00:04:18.726 --> 00:04:21.726
이것이 바로, 이번시간의 Emacs Rocks입니다.

00:04:21.726 --> 00:04:24.727
Swank-js는 매우 끝내주는 것이 아닐 수 없습니다.

00:04:24.727 --> 00:04:29.058
여러분이 이를 얻고 실행할 수 있다면 말이죠.

00:04:30.227 --> 00:04:34.325
다음에 뵙도록 하겠습니다!