-
Emacs Rocks에 오신걸 환영합니다.
-
오늘은, swank-js로 할 수 있는 굉장한 것에 대해 예기해보도록 하겠습니다.
-
이것은, Javascript를 위한 REPL입니다.
-
설치하기 조금 까다로워
-
저는, 간편하게 설정할 수 있는 함수들을 몇개 추가했습니다.
-
저는 이제, JavaScript REPL로 접속할 수 있게되어습니다.
-
자동완성도 될 뿐더러,
-
버퍼에서 Javascript를 바로 돌려볼 수 있습니다.
-
평가(Eval)은 elisp처럼, C-x C-e입니다.
-
그리고 결과는 아레쪽에 나타나게됩니다.
-
자, 이 숫자들을 재곱해보도록 하겠습니다.
-
그리고 이걸 평가해서 바꿔보겠습니다.
-
매우 멋집니다.
-
그럼, 이번에는 끝내주는 부분입니다...
-
저는, Canvas상에서 튕기는 작은 공을 만들었습니다.
-
이제 저는, 이곳에 접속하여
-
REPL로부터 브라우저상에 무언가를 할 수 있게되었습니다.
-
자, 잘보시기 바랍니다.
-
저는 에디터상에서 바로 코드를 작성할 수 있습니다.
-
공의 상하좌우의 속도조절과 같은 것들을 말이죠
-
동시에 바뀌게 해주세요... 예~!
-
또는, 공의 탄성계수을 바꿀 수 도 있습니다.
-
공이 튕길때의 얻게되는 속력을 말이죠
-
우어~ 일로 돌아와!
-
자, 이번엔 CSS를 확인해보도록 하겠습니다.
-
배경을 빨강색으로 하면 어떨까요?
-
헤헤 ..
-
별을 좀 넣어보겠습니다
-
예~! 멋지다
-
그럼, 좀 재미있는걸 해보도록 하겠습니다...
-
매순간 투명도를 변화시키면서 새로운 공을 만들어,
-
에니매이션을 200번 돌려보도록 하겠습니다.
-
보이십니까? 튕겨나오는 모양입니다.
-
이제, 저는 전체 속도를 바꾸거나,
-
탄성계수를 바꿀 수 있습니다.
-
잘 튕기지 않도록 만들거나,
-
매우 잘 튕기도록 만들 수 있습니다.
-
저는 심지어, 중력도 바꿀 수 있습니다.
-
좋습니다, 실제 에니매이션으도 돌아가보도록 하겠습니다.
-
보이십니까? 방금 만든 패턴입니다.
-
이것이 바로, 이번시간의 Emacs Rocks입니다.
-
Swank-js는 매우 끝내주는 것이 아닐 수 없습니다.
-
여러분이 이를 얻고 실행할 수 있다면 말이죠.
-
다음에 뵙도록 하겠습니다!
