[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.44,0:00:03.60,Default,,0000,0000,0000,,Emacs Rocks에 오신걸 환영합니다. Dialogue: 0,0:00:03.60,0:00:10.02,Default,,0000,0000,0000,,오늘은, swank-js로 할 수 있는 굉장한 것에 대해 예기해보도록 하겠습니다. Dialogue: 0,0:00:10.02,0:00:13.85,Default,,0000,0000,0000,,이것은, Javascript를 위한 REPL입니다. Dialogue: 0,0:00:13.85,0:00:15.75,Default,,0000,0000,0000,,설치하기 조금 까다로워 Dialogue: 0,0:00:15.75,0:00:19.90,Default,,0000,0000,0000,,저는, 간편하게 설정할 수 있는 함수들을 몇개 추가했습니다. Dialogue: 0,0:00:19.90,0:00:24.82,Default,,0000,0000,0000,,저는 이제, JavaScript REPL로 접속할 수 있게되어습니다. Dialogue: 0,0:00:28.07,0:00:32.08,Default,,0000,0000,0000,,자동완성도 될 뿐더러, Dialogue: 0,0:00:32.08,0:00:35.25,Default,,0000,0000,0000,,버퍼에서 Javascript를 바로 돌려볼 수 있습니다. Dialogue: 0,0:00:35.25,0:00:38.92,Default,,0000,0000,0000,,평가(Eval)은 elisp처럼, C-x C-e입니다. Dialogue: 0,0:00:38.92,0:00:41.20,Default,,0000,0000,0000,,그리고 결과는 아레쪽에 나타나게됩니다. Dialogue: 0,0:00:41.20,0:00:44.64,Default,,0000,0000,0000,,자, 이 숫자들을 재곱해보도록 하겠습니다. Dialogue: 0,0:00:52.29,0:00:56.88,Default,,0000,0000,0000,,그리고 이걸 평가해서 바꿔보겠습니다. Dialogue: 0,0:00:56.88,0:00:59.03,Default,,0000,0000,0000,,매우 멋집니다. Dialogue: 0,0:00:59.03,0:01:01.75,Default,,0000,0000,0000,,그럼, 이번에는 끝내주는 부분입니다... Dialogue: 0,0:01:01.75,0:01:07.10,Default,,0000,0000,0000,,저는, Canvas상에서 튕기는 작은 공을 만들었습니다. Dialogue: 0,0:01:07.10,0:01:09.16,Default,,0000,0000,0000,,이제 저는, 이곳에 접속하여 Dialogue: 0,0:01:09.16,0:01:14.92,Default,,0000,0000,0000,,REPL로부터 브라우저상에 무언가를 할 수 있게되었습니다. Dialogue: 0,0:01:25.14,0:01:26.84,Default,,0000,0000,0000,,자, 잘보시기 바랍니다. Dialogue: 0,0:01:26.84,0:01:30.04,Default,,0000,0000,0000,,저는 에디터상에서 바로 코드를 작성할 수 있습니다. Dialogue: 0,0:01:30.04,0:01:35.55,Default,,0000,0000,0000,,공의 상하좌우의 속도조절과 같은 것들을 말이죠 Dialogue: 0,0:01:43.70,0:01:48.24,Default,,0000,0000,0000,,동시에 바뀌게 해주세요... 예~! Dialogue: 0,0:01:52.70,0:01:55.41,Default,,0000,0000,0000,,또는, 공의 탄성계수을 바꿀 수 도 있습니다. Dialogue: 0,0:01:55.41,0:02:00.57,Default,,0000,0000,0000,,공이 튕길때의 얻게되는 속력을 말이죠 Dialogue: 0,0:02:03.46,0:02:07.30,Default,,0000,0000,0000,,우어~ 일로 돌아와! Dialogue: 0,0:02:28.24,0:02:30.38,Default,,0000,0000,0000,,자, 이번엔 CSS를 확인해보도록 하겠습니다. Dialogue: 0,0:02:30.38,0:02:34.37,Default,,0000,0000,0000,,배경을 빨강색으로 하면 어떨까요? Dialogue: 0,0:02:36.40,0:02:38.15,Default,,0000,0000,0000,,헤헤 .. Dialogue: 0,0:02:38.15,0:02:41.59,Default,,0000,0000,0000,,별을 좀 넣어보겠습니다 Dialogue: 0,0:02:43.75,0:02:47.25,Default,,0000,0000,0000,,예~! 멋지다 Dialogue: 0,0:02:53.51,0:02:55.30,Default,,0000,0000,0000,,그럼, 좀 재미있는걸 해보도록 하겠습니다... Dialogue: 0,0:02:55.30,0:02:58.86,Default,,0000,0000,0000,,매순간 투명도를 변화시키면서 새로운 공을 만들어, Dialogue: 0,0:02:58.86,0:03:02.47,Default,,0000,0000,0000,,에니매이션을 200번 돌려보도록 하겠습니다. Dialogue: 0,0:03:24.03,0:03:26.72,Default,,0000,0000,0000,,보이십니까? 튕겨나오는 모양입니다. Dialogue: 0,0:03:26.72,0:03:31.77,Default,,0000,0000,0000,,이제, 저는 전체 속도를 바꾸거나, Dialogue: 0,0:03:37.49,0:03:40.60,Default,,0000,0000,0000,,탄성계수를 바꿀 수 있습니다. Dialogue: 0,0:03:40.60,0:03:43.70,Default,,0000,0000,0000,,잘 튕기지 않도록 만들거나, Dialogue: 0,0:03:43.70,0:03:46.58,Default,,0000,0000,0000,,매우 잘 튕기도록 만들 수 있습니다. Dialogue: 0,0:03:49.38,0:03:53.71,Default,,0000,0000,0000,,저는 심지어, 중력도 바꿀 수 있습니다. Dialogue: 0,0:04:02.79,0:04:06.66,Default,,0000,0000,0000,,좋습니다, 실제 에니매이션으도 돌아가보도록 하겠습니다. Dialogue: 0,0:04:13.90,0:04:18.17,Default,,0000,0000,0000,,보이십니까? 방금 만든 패턴입니다. Dialogue: 0,0:04:18.73,0:04:21.73,Default,,0000,0000,0000,,이것이 바로, 이번시간의 Emacs Rocks입니다. Dialogue: 0,0:04:21.73,0:04:24.73,Default,,0000,0000,0000,,Swank-js는 매우 끝내주는 것이 아닐 수 없습니다. Dialogue: 0,0:04:24.73,0:04:29.06,Default,,0000,0000,0000,,여러분이 이를 얻고 실행할 수 있다면 말이죠. Dialogue: 0,0:04:30.23,0:04:34.32,Default,,0000,0000,0000,,다음에 뵙도록 하겠습니다!