발표영상 : https://goo.gl/Fa1ZCt

1. 웹브라우저와 Context
(feat. Zonejs)

2. (Zone.js 의 커밋이 너무
빈번하여……

3. JSPM & Systemjs

4. Twitter Hashtag!

5. #EMOCon2015

6. @nipol
@NipolNipol
@Nipol
(근데 뭐가 없네요……
직업 : 백수
#EMOCon2015

7. 이 슬라이드는
저의 개인적인 생각으로 만들어 졌습니다.
“이상한모임”의 구성원과 의견과 상반될 수 있습니다.
#EMOCon2015

8. JSPM은 Browser를 위한
새로운 페키지 매니저 입니다.
I Hate You
#EMOCon2015

9. Bower가 왜 싫으냐면……
저는 Bootstrap을 설치 했는데, jQuery 가 딸려 왔어요.
jQuery 1.9.1을 쓰고 싶어요
bower.json 도 싫어요.
(……
#EMOCon2015

10. 그리고,
당장 생기는 문제를 짚어보죠.
콤포넌트에 포함된 파일을 찾아 URL을 넣어 주어야 한다.
때에 따라 다르지만... JavaScript는 로드 순서를 맞추어야 한다.
개발은 이렇게 하더라도... 빌드는 어떻게?
각 페이지 별로 다른 모듈을 쓰는데... 페이지 마다 전부 만드나?
#EMOCon2015

11. 사실 이쯤 되면 그냥 싫은 수준.
#EMOCon2015

12. #EMOCon2015

13. 그래도, 이럴 거면 npm 으로
페키지를 관리 하는 것이
100% 더 낫죠.
Simple!
#EMOCon2015

14. #EMOCon2015

15. JSPM?
#EMOCon2015

16. Frictionless browser
package management
#EMOCon2015

17. 완전히 브라우저를 위한
페키지 매니저
#EMOCon2015

18. for Systemjs
#EMOCon2015

19. SystemJS ?
#EMOCon2015

20. Universal Dynamic
Module Loader.
아몰랑.
#EMOCon2015

21. 범용 동적 모듈 로더
#EMOCon2015

22. 다양한 모듈들을 불러올 수 있습니다.
#EMOCon2015

23. CommonJS, AMD, global script,
CSS, JSON, Binary, Web font, Markdown,
CoffeeScript…… and More!
#EMOCon2015

24. 그리고
사용 가능 합니다.
#EMOCon2015

25. 잔말 말고, 구성해 봅시다
$ npm install jspm -g
$ demo
#EMOCon2015

26. Q & A
#EMOCon2015

27. 땡큐 베리 감사!