Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Meteor Korea DEV School 1st day
발표자 소개 
- 박승현 
- ppillip@gmail.com 
- http://digveloper.ppillip.com
선제 공격 아니. 질문!! 
1. javascript , jQuery 
2. mongodb 
3. angular Mean steak 
4. meteor
0. Meteor 란 
http://bookies.meteor.com → 접속해 봅니다. 
https://github.com/ppillip/bookies
0. Meteor 란 
1. 순수 자바스크립트입니다. 
2. 실시간 업데이트됩니다. 매번 다시 빌드하거나 서버를 내렸다 올리지 않 
아도 자동으로 갱신됩니다. 
3. 깔끔하고 강력한 데이터 동기화를 합니다. 
4. 데이...
1. 개발툴
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
meteor deploy meteor add 
collection API 
(CRUD) 
1. polli...
하나씩 해봅니다. 
설치, 구동, 등등...
Browser 
Server 
2. Meteor Platform – 필요한 시스템 
OSX / Linux / Unix 
64Bit !!!! 
윈도우면 버철머신 , 우비 ..
2. Meteor Platform – 설치해보자 
Browser 
Server 
DownLoad and Install 
Meteor 
$curl https://install.meteor.com/ | sh
2. Meteor Platform – 프로젝트 생성 
Browser 
Server 
Meteor 
$meteor create 프로젝트
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
.meteor 
Browser 
Server 
2. Meteor Platform – 개발 
코딩을 합니다...
mongoDB 
meteor add 
Meteor 
Folder 
- client 
- server 
- model 
- public 
.meteor 
Browser 
Server 
2. Meteor Platform –...
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
page .meteor 
session tem...
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
page .meteor 
session tem...
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
page .meteor 
session tem...
Data 주고 받기 
- pub / sub 
- method call
mongoDB 
meteor add 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
page .meteor ...
mongoDB 
meteor add 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
publish 
page...
mongoDB 
meteor add 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
publish 
page...
mongoDB 
meteor add 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
publish 
page...
데이터 조회 
- 클라이언트에서 
- 서버에서
mongoDB 
meteor add 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
publish 
page...
mongoDB 
meteor add 
Meteor 
Folder 
- client 
- server 
- model 
- public 
mini mongo 
meteor run 
(build) 
publish 
page...
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
meteor deploy meteor add 
collection API 
(CRUD) 
1. polli...
기타 
- sns 로그인 
- deploy 해보자
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
meteor add 
collection API 
(CRUD) 
1. polling 
2. oplog s...
mongoDB 
Meteor 
Folder 
- client 
- server 
- model 
- public 
meteor deploy meteor add 
collection API 
(CRUD) 
1. polli...
Upcoming SlideShare
Loading in …5
×

Meteor Korea DEV School 1st day

11,165 views

Published on

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

Published in: Technology
  • Be the first to comment

Meteor Korea DEV School 1st day

  1. 1. Meteor Korea DEV School 1st day
  2. 2. 발표자 소개 - 박승현 - ppillip@gmail.com - http://digveloper.ppillip.com
  3. 3. 선제 공격 아니. 질문!! 1. javascript , jQuery 2. mongodb 3. angular Mean steak 4. meteor
  4. 4. 0. Meteor 란 http://bookies.meteor.com → 접속해 봅니다. https://github.com/ppillip/bookies
  5. 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. 6. 1. 개발툴
  7. 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. 8. 하나씩 해봅니다. 설치, 구동, 등등...
  9. 9. Browser Server 2. Meteor Platform – 필요한 시스템 OSX / Linux / Unix 64Bit !!!! 윈도우면 버철머신 , 우비 ..
  10. 10. 2. Meteor Platform – 설치해보자 Browser Server DownLoad and Install Meteor $curl https://install.meteor.com/ | sh
  11. 11. 2. Meteor Platform – 프로젝트 생성 Browser Server Meteor $meteor create 프로젝트
  12. 12. mongoDB Meteor Folder - client - server - model - public .meteor Browser Server 2. Meteor Platform – 개발 코딩을 합니다. 폴더구조가....
  13. 13. mongoDB meteor add Meteor Folder - client - server - model - public .meteor Browser Server 2. Meteor Platform – 패키지 설치 프로젝트$meteor add iron:router
  14. 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. 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. 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. 17. Data 주고 받기 - pub / sub - method call
  18. 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. 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. 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. 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. 22. 데이터 조회 - 클라이언트에서 - 서버에서
  23. 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. 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. 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. 26. 기타 - sns 로그인 - deploy 해보자
  27. 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. 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

×