0:00:00.443,0:00:03.599 Emacs Rocks에 오신걸 환영합니다. 0:00:03.599,0:00:10.016 오늘은, swank-js로 할 수 있는 굉장한 것에 대해 예기해보도록 하겠습니다. 0:00:10.016,0:00:13.849 이것은, Javascript를 위한 REPL입니다. 0:00:13.849,0:00:15.748 설치하기 조금 까다로워 0:00:15.748,0:00:19.899 저는, 간편하게 설정할 수 있는 함수들을 몇개 추가했습니다. 0:00:19.899,0:00:24.820 저는 이제, JavaScript REPL로 접속할 수 있게되어습니다. 0:00:28.066,0:00:32.082 자동완성도 될 뿐더러, 0:00:32.082,0:00:35.248 버퍼에서 Javascript를 바로 돌려볼 수 있습니다. 0:00:35.248,0:00:38.915 평가(Eval)은 elisp처럼, C-x C-e입니다. 0:00:38.915,0:00:41.198 그리고 결과는 아레쪽에 나타나게됩니다. 0:00:41.198,0:00:44.641 자, 이 숫자들을 재곱해보도록 하겠습니다. 0:00:52.287,0:00:56.882 그리고 이걸 평가해서 바꿔보겠습니다. 0:00:56.882,0:00:59.032 매우 멋집니다. 0:00:59.032,0:01:01.748 그럼, 이번에는 끝내주는 부분입니다... 0:01:01.748,0:01:07.100 저는, Canvas상에서 튕기는 작은 공을 만들었습니다. 0:01:07.100,0:01:09.165 이제 저는, 이곳에 접속하여 0:01:09.165,0:01:14.922 REPL로부터 브라우저상에 무언가를 할 수 있게되었습니다. 0:01:25.137,0:01:26.840 자, 잘보시기 바랍니다. 0:01:26.840,0:01:30.036 저는 에디터상에서 바로 코드를 작성할 수 있습니다. 0:01:30.036,0:01:35.550 공의 상하좌우의 속도조절과 같은 것들을 말이죠 0:01:43.703,0:01:48.235 동시에 바뀌게 해주세요... 예~! 0:01:52.696,0:01:55.406 또는, 공의 탄성계수을 바꿀 수 도 있습니다. 0:01:55.406,0:02:00.567 공이 튕길때의 얻게되는 속력을 말이죠 0:02:03.459,0:02:07.298 우어~ 일로 돌아와! 0:02:28.236,0:02:30.377 자, 이번엔 CSS를 확인해보도록 하겠습니다. 0:02:30.377,0:02:34.373 배경을 빨강색으로 하면 어떨까요? 0:02:36.403,0:02:38.148 헤헤 .. 0:02:38.148,0:02:41.594 별을 좀 넣어보겠습니다 0:02:43.748,0:02:47.252 예~! 멋지다 0:02:53.514,0:02:55.295 그럼, 좀 재미있는걸 해보도록 하겠습니다... 0:02:55.295,0:02:58.865 매순간 투명도를 변화시키면서 새로운 공을 만들어, 0:02:58.865,0:03:02.474 에니매이션을 200번 돌려보도록 하겠습니다. 0:03:24.028,0:03:26.721 보이십니까? 튕겨나오는 모양입니다. 0:03:26.721,0:03:31.769 이제, 저는 전체 속도를 바꾸거나, 0:03:37.492,0:03:40.596 탄성계수를 바꿀 수 있습니다. 0:03:40.596,0:03:43.700 잘 튕기지 않도록 만들거나, 0:03:43.700,0:03:46.577 매우 잘 튕기도록 만들 수 있습니다. 0:03:49.377,0:03:53.710 저는 심지어, 중력도 바꿀 수 있습니다. 0:04:02.787,0:04:06.655 좋습니다, 실제 에니매이션으도 돌아가보도록 하겠습니다. 0:04:13.901,0:04:18.172 보이십니까? 방금 만든 패턴입니다. 0:04:18.726,0:04:21.726 이것이 바로, 이번시간의 Emacs Rocks입니다. 0:04:21.726,0:04:24.727 Swank-js는 매우 끝내주는 것이 아닐 수 없습니다. 0:04:24.727,0:04:29.058 여러분이 이를 얻고 실행할 수 있다면 말이죠. 0:04:30.227,0:04:34.325 다음에 뵙도록 하겠습니다!