미티어 스쿨 첫번째 강의 자료

1. Meteor Korea DEV School 1st day

2. 발표자 소개
- 박승현
- ppillip@gmail.com
- http://digveloper.ppillip.com

3. 선제 공격 아니. 질문!!
1. javascript , jQuery
2. mongodb
3. angular Mean steak
4. meteor

4. 0. Meteor 란
http://bookies.meteor.com → 접속해 봅니다.
https://github.com/ppillip/bookies

5. 0. Meteor 란
1. 순수 자바스크립트입니다.
2. 실시간 업데이트됩니다. 매번 다시 빌드하거나 서버를 내렸다 올리지 않
아도 자동으로 갱신됩니다.
3. 깔끔하고 강력한 데이터 동기화를 합니다.
4. 데이터 동기화시 자체적으로 지연 보정을 합니다.
5. Hot Code Push를 지원하여 가동 중에도 코드를 변경할 수 있습니다. 사
용중인 유저들을 쫓아내지 않고서도 말이죠.
6. 민감한 코드는 서버 보안 영역에 분리하여 실행할 수 있습니다.
7. 커맨드라인 한번으로 완전히 작동하는 어플리케이션 번들을 만들 수 있
습니다.
8. 호환성이 뛰어납니다. 심플한 DDP 프로토콜을 구현하는 것 만으로 어디
든 연결 할 수 있습니다.
9. atmospherejs.com 에서 검색하고 meteor add 한번에 필요한 기능을 추
가하세요
출처 : http://www.meteorjs.kr/posts/KEJKpzboiJSBrZ2AS

6. 1. 개발툴

7. mongoDB
Meteor
Folder
- client
- server
- model
- public
meteor deploy meteor add
collection API
(CRUD)
1. polling
2. oplog scanning
mini mongo
collection API
(CRUD)
publish
subcribe
Meteor.call
method
meteor run
(build)
.meteor
(client source) Hot Code Reload
page
session template
Blaze Iron:router
Accounts package
(Signup/Signin)
Browser
Server
2. Meteor Platform 전체 도식
헉! 복잡해! 한개씩 보면 쉬워요

8. 하나씩 해봅니다.
설치, 구동, 등등...

9. Browser
Server
2. Meteor Platform – 필요한 시스템
OSX / Linux / Unix
64Bit !!!!
윈도우면 버철머신 , 우비 ..

10. 2. Meteor Platform – 설치해보자
Browser
Server
DownLoad and Install
Meteor
$curl https://install.meteor.com/ | sh

11. 2. Meteor Platform – 프로젝트 생성
Browser
Server
Meteor
$meteor create 프로젝트

12. mongoDB
Meteor
Folder
- client
- server
- model
- public
.meteor
Browser
Server
2. Meteor Platform – 개발
코딩을 합니다. 폴더구조가....

13. mongoDB
meteor add
Meteor
Folder
- client
- server
- model
- public
.meteor
Browser
Server
2. Meteor Platform – 패키지 설치
프로젝트$meteor add iron:router

14. mongoDB
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – 서버 구동
meteor add
프로젝트$meteor run

15. mongoDB
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – 서버 구동
meteor add
프로젝트$meteor run

16. mongoDB
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – 서버 구동
meteor add
(client source) Hot Code Reload
프로젝트$meteor run

17. Data 주고 받기
- pub / sub
- method call

18. mongoDB
meteor add
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – Data 주고 받기 (Publish/Subscribe)
(client source) Hot Code Reload
Subscribe 를 합니다.
subcribe

19. mongoDB
meteor add
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
publish
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – Data 주고 받기 (Publish/Subscribe)
(client source) Hot Code Reload
Publish 해줍니다. 시시 때때로. 계속..
어떻게?
subcribe

20. mongoDB
meteor add
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
publish
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – Data 주고 받기 (Publish/Subscribe)
(client source) Hot Code Reload
폴링, 스케닝..
어려우신가요? 여기서 질문 받습니다.
subcribe
1. polling
2. oplog scanning

21. mongoDB
meteor add
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
publish
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – Data 주고 받기 (Method.call : RPC)
(client source) Hot Code Reload
콜백으로데이터 받음
subcribe
method
1. polling
2. oplog scanning
Meteor.call

22. 데이터 조회
- 클라이언트에서
- 서버에서

23. mongoDB
meteor add
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
publish
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – 클라이언트에서 데이터 조회
(client source) Hot Code Reload
pub/sub 받은 데이터중에서..
subcribe
method
collection API
(CRUD)
1. polling
2. oplog scanning
Meteor.call

24. mongoDB
meteor add
Meteor
Folder
- client
- server
- model
- public
mini mongo
meteor run
(build)
publish
page .meteor
session template
Blaze Iron:router
Browser
Server
2. Meteor Platform – 서버에서 데이터 조회
(client source) Hot Code Reload
서버API가 전체데이터를 대상으로 조회
subcribe
method
collection API
(CRUD)
collection API
(CRUD)
1. polling
2. oplog scanning
Meteor.call

25. mongoDB
Meteor
Folder
- client
- server
- model
- public
meteor deploy meteor add
collection API
(CRUD)
1. polling
2. oplog scanning
mini mongo
collection API
(CRUD)
publish
subcribe
Meteor.call
method
meteor run
(build)
.meteor
(client source) Hot Code Reload
page
session template
Blaze Iron:router
Accounts package
(Signup/Signin)
Browser
Server
2. Meteor Platform 전체 도식

26. 기타
- sns 로그인
- deploy 해보자

27. mongoDB
Meteor
Folder
- client
- server
- model
- public
meteor add
collection API
(CRUD)
1. polling
2. oplog scanning
mini mongo
collection API
(CRUD)
publish
subcribe
Meteor.call
method
meteor run
(build)
.meteor
(client source) Hot Code Reload
page
session template
Blaze Iron:router
Accounts package
(Signup/Signin)
Browser
Server
2. Meteor Platform - SNS 로그인? 간단히..

28. mongoDB
Meteor
Folder
- client
- server
- model
- public
meteor deploy meteor add
collection API
(CRUD)
1. polling
2. oplog scanning
mini mongo
collection API
(CRUD)
publish
subcribe
Meteor.call
method
meteor run
(build)
.meteor
(client source) Hot Code Reload
page
session template
Blaze Iron:router
Accounts package
(Signup/Signin)
Browser
Server
2. Meteor Platform - 미티어 서버에 배포!
프로젝트$meteor deploy bookies.meteor.com