SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
Meteor Korea DEV School 4th day 
Pubish / Subscribe
발표자 소개 
- 박승현 
- ppillip@gmail.com 
- http://digveloper.ppillip.com
Publish / Subscribe 
Publish 
- 서버쪽에서 클라이언트(브라우저)에 데이터를 내려주는 코드 
Subscribe 
- 클라이언트에서 서버쪽 Publish 된 데이터를 내려 받는 코드
Publish / Subscribe 
1. autopublish 제거 하기 (콘솔) 
2. publish 코드 구현 하기 (서버코드) 
3. subscribe 코드 구현 하기 (클라이언트코드)
Publish / Subscribe – 1. autopublish 제거 하기 
1. 프로젝트폴더에서 meteor list 를 사용해 봅니다. 
현재 설치되어있는 패키지를 
확인 하는 명령
Publish / Subscribe – 1. autopublish 제거 하기 
미티어 기본 패키지 
- autopublish 
- insecure 
- meteor-platform 
1. 프로젝트폴더에서 meteor list 를 사용해 봅니다.
Publish / Subscribe – 1. autopublish 제거 하기 
1. 프로젝트폴더에서 meteor list 를 사용해 봅니다. 
우리가 설치한 패키지 
- mizzao:bootstra-3
Publish / Subscribe – 1. autopublish 제거 하기 
1. 프로젝트폴더에서 meteor list 를 사용해 봅니다. 
autopublish 패키지 : 
- 기본 포함되는 패키지 
- pubsub 을 구현하지 않아도 
서버의 모든 몽고디비 컬렉현을 subscribe 함. 
- 간단한 프로토 타이핑용도 이외에는 사용하지 않음
Publish / Subscribe – 1. autopublish 제거 하기 
2. 제거해 봅시다. 
autopublish 로 자동 publish 된 데이터를 
별다른 subscribe 코드 구현없이 
user.find() 로 helper 에서 조회 할수 있었음. 
물론 브라우저 콘솔에서도 같은 명령으로 조회 가능
Publish / Subscribe – 1. autopublish 제거 하기 
2. 제거해 봅시다. 
meteor remove 패키지명 
삭제 해 봅니다.
Publish / Subscribe – 1. autopublish 제거 하기 
2. 제거해 봅시다. 
헉! 날라 갔다! 
Before 
After
이제부터 
복구해 봅시다
Publish / Subscribe 
1. autopublish 제거 하기 (콘솔) 
2. publish 코드 구현 하기 (서버코드) 
3. subscribe 코드 구현 하기 (클라이언트코드)
Publish / Subscribe – 1. publish 코드 구현하기 
1. 화일을 생성합니다.
Publish / Subscribe – 1. publish 코드 구현하기 
2. 코드를 구현합니다.
Publish / Subscribe – 1. publish 코드 구현하기 
2. 코드를 구현합니다. 
“getAllUsers”로 publish 명을 
정했습니다(내맘임:) 추후 client 에서 
호출 할수 있는 식별자 입니다.
Publish / Subscribe – 1. publish 코드 구현하기 
2. 코드를 구현합니다. 
클라이언트에서 subscribe 시 
파라메터를 넘길수 있습니다. 
find의 검색 조건을 만들때 
유용합니다. :)
Publish / Subscribe – 1. publish 코드 구현하기 
2. 코드를 구현합니다. 
Users 는 collection.js에 등록된 
컬렉션입니다. 
여기에서 컬렉션을 검색 결과를 
리턴합니다. 
경우에 따라 field 를 정의 하거나 
sort , limit 를 할수 있습니다.
Publish / Subscribe 
1. autopublish 제거 하기 (콘솔) 
2. publish 코드 구현 하기 (서버코드) 
3. subscribe 코드 구현 하기 (클라이언트코드)
Publish / Subscribe – 1. subscribe 코드 구현하기 
1. 브라우저에서 먼저 테스트 해봅니다. 
크롬 브라우저 콘솔에서 
서버에서 정의한 식별자를 
입력 파라메터로 하여 넣습니다. 
Meteor.subscribe(“getAllusers”);
Publish / Subscribe – 1. subscribe 코드 구현하기 
1. 브라우저에서 먼저 테스트 해봅니다. 
다시 돌아 왔다!
Publish / Subscribe – 1. subscribe 코드 구현하기 
2. 자이제 코드에 넣습니다.
Publish / Subscribe – 1. subscribe 코드 구현하기 
2. 자이제 코드에 넣습니다. 
Template 이 처음 Dom에 
insert 되는 순간(rendered)에 
subscribe 코드를 넣습니다.
Publish / Subscribe – 1. subscribe 코드 구현하기 
2. 자이제 코드에 넣습니다. 
publish 명을 넣어서 subscribe 코드를 
작성합니다.
이래도 이해가 
안 되신다면 !
mongo 
mini mongo 
Server 
Client 
트리거!!!
mongo 
담부턴 자동 DDP 
mini mongo 
Server 
Client
파라메터 넘기는 방법!
- 질 문 
- 실 습

Más contenido relacionado

La actualidad más candente

3. pubspec.yaml 사용법
3. pubspec.yaml 사용법3. pubspec.yaml 사용법
3. pubspec.yaml 사용법Jongmini
 
Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교Gitaek kwon
 
Jekyll and GitHub Pages
Jekyll and GitHub PagesJekyll and GitHub Pages
Jekyll and GitHub PagesYoungbin Han
 
막하는스터디 두번째만남 Express(20151025)
막하는스터디 두번째만남 Express(20151025)막하는스터디 두번째만남 Express(20151025)
막하는스터디 두번째만남 Express(20151025)연웅 조
 
GMS 프로젝트 - Flutter
GMS 프로젝트 - FlutterGMS 프로젝트 - Flutter
GMS 프로젝트 - FlutterJongmini
 
Fiddler 피들러에 대해 알아보자
Fiddler 피들러에 대해 알아보자Fiddler 피들러에 대해 알아보자
Fiddler 피들러에 대해 알아보자용진 조
 
Db프로그래밍 환경 설정(131062 장택순)
Db프로그래밍 환경 설정(131062 장택순)Db프로그래밍 환경 설정(131062 장택순)
Db프로그래밍 환경 설정(131062 장택순)TaekSoon Jang
 
Bug sense 분석
Bug sense 분석Bug sense 분석
Bug sense 분석logdog
 
피들러 신명대
피들러 신명대피들러 신명대
피들러 신명대ETRIBE_STG
 
루비온레일즈 API 서버 - 3) api 서버 CRUD
루비온레일즈 API 서버 - 3) api 서버 CRUD루비온레일즈 API 서버 - 3) api 서버 CRUD
루비온레일즈 API 서버 - 3) api 서버 CRUDJunghyun Park
 
리스펙토링 세미나 - 나만의 카카오 챗봇 만들기
리스펙토링 세미나 - 나만의 카카오 챗봇 만들기리스펙토링 세미나 - 나만의 카카오 챗봇 만들기
리스펙토링 세미나 - 나만의 카카오 챗봇 만들기Wooyoung Ko
 

La actualidad más candente (15)

3. pubspec.yaml 사용법
3. pubspec.yaml 사용법3. pubspec.yaml 사용법
3. pubspec.yaml 사용법
 
Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교Rb vs wp 로드타임 성능비교
Rb vs wp 로드타임 성능비교
 
Jekyll and GitHub Pages
Jekyll and GitHub PagesJekyll and GitHub Pages
Jekyll and GitHub Pages
 
막하는스터디 두번째만남 Express(20151025)
막하는스터디 두번째만남 Express(20151025)막하는스터디 두번째만남 Express(20151025)
막하는스터디 두번째만남 Express(20151025)
 
GMS 프로젝트 - Flutter
GMS 프로젝트 - FlutterGMS 프로젝트 - Flutter
GMS 프로젝트 - Flutter
 
Fiddler 피들러에 대해 알아보자
Fiddler 피들러에 대해 알아보자Fiddler 피들러에 대해 알아보자
Fiddler 피들러에 대해 알아보자
 
Nest js 101
Nest js 101Nest js 101
Nest js 101
 
Nodejs4
Nodejs4Nodejs4
Nodejs4
 
Db프로그래밍 환경 설정(131062 장택순)
Db프로그래밍 환경 설정(131062 장택순)Db프로그래밍 환경 설정(131062 장택순)
Db프로그래밍 환경 설정(131062 장택순)
 
Bug sense 분석
Bug sense 분석Bug sense 분석
Bug sense 분석
 
피들러 신명대
피들러 신명대피들러 신명대
피들러 신명대
 
2. widget
2. widget2. widget
2. widget
 
루비온레일즈 API 서버 - 3) api 서버 CRUD
루비온레일즈 API 서버 - 3) api 서버 CRUD루비온레일즈 API 서버 - 3) api 서버 CRUD
루비온레일즈 API 서버 - 3) api 서버 CRUD
 
Python module
Python modulePython module
Python module
 
리스펙토링 세미나 - 나만의 카카오 챗봇 만들기
리스펙토링 세미나 - 나만의 카카오 챗봇 만들기리스펙토링 세미나 - 나만의 카카오 챗봇 만들기
리스펙토링 세미나 - 나만의 카카오 챗봇 만들기
 

Similar a 4. publish / subscribe

[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5th[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5thPark Jonggun
 
XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개
XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개
XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개XpressEngine
 
Internship backend
Internship backendInternship backend
Internship backendYein Sim
 
How to contribute at OpenStack
How to contribute at OpenStackHow to contribute at OpenStack
How to contribute at OpenStackSK Telecom
 
1. 개발환경 셋팅
1. 개발환경 셋팅1. 개발환경 셋팅
1. 개발환경 셋팅Jongmini
 
우아한테크세미나-우아한멀티모듈
우아한테크세미나-우아한멀티모듈우아한테크세미나-우아한멀티모듈
우아한테크세미나-우아한멀티모듈용근 권
 
Scouter Tutorial & Sprint
Scouter Tutorial & SprintScouter Tutorial & Sprint
Scouter Tutorial & SprintGunHee Lee
 
2일차 20140402
2일차 201404022일차 20140402
2일차 20140402Jake Yoon
 
postgres_빌드_및_디버깅.pdf
postgres_빌드_및_디버깅.pdfpostgres_빌드_및_디버깅.pdf
postgres_빌드_및_디버깅.pdfLee Dong Wook
 
한글시계웍샵_ SW
한글시계웍샵_ SW한글시계웍샵_ SW
한글시계웍샵_ SW영광 송
 
망고100 보드로 놀아보자 17
망고100 보드로 놀아보자 17망고100 보드로 놀아보자 17
망고100 보드로 놀아보자 17종인 전
 
Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치
Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치
Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치Inyoung Oh
 
[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdf[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdfLee Dahae
 
Androidpn guide-0.5.0-ko
Androidpn guide-0.5.0-koAndroidpn guide-0.5.0-ko
Androidpn guide-0.5.0-kosandeepreddyp42
 
Svn 버전관리 프로그램_매뉴얼
Svn 버전관리 프로그램_매뉴얼Svn 버전관리 프로그램_매뉴얼
Svn 버전관리 프로그램_매뉴얼jeongseokoh
 
한글시계웍샵_SW
한글시계웍샵_SW한글시계웍샵_SW
한글시계웍샵_SW영광 송
 

Similar a 4. publish / subscribe (20)

[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5th[IoT] MAKE with Open H/W + Node.JS - 5th
[IoT] MAKE with Open H/W + Node.JS - 5th
 
XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개
XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개
XECon2015 :: [3-2] 오승훈 - XE3 플러그인 제작 소개
 
Internship backend
Internship backendInternship backend
Internship backend
 
Spring boot DI
Spring boot DISpring boot DI
Spring boot DI
 
How to contribute at OpenStack
How to contribute at OpenStackHow to contribute at OpenStack
How to contribute at OpenStack
 
1. 개발환경 셋팅
1. 개발환경 셋팅1. 개발환경 셋팅
1. 개발환경 셋팅
 
Spring boot
Spring bootSpring boot
Spring boot
 
우아한테크세미나-우아한멀티모듈
우아한테크세미나-우아한멀티모듈우아한테크세미나-우아한멀티모듈
우아한테크세미나-우아한멀티모듈
 
Scouter Tutorial & Sprint
Scouter Tutorial & SprintScouter Tutorial & Sprint
Scouter Tutorial & Sprint
 
2일차 20140402
2일차 201404022일차 20140402
2일차 20140402
 
postgres_빌드_및_디버깅.pdf
postgres_빌드_및_디버깅.pdfpostgres_빌드_및_디버깅.pdf
postgres_빌드_및_디버깅.pdf
 
한글시계웍샵_ SW
한글시계웍샵_ SW한글시계웍샵_ SW
한글시계웍샵_ SW
 
망고100 보드로 놀아보자 17
망고100 보드로 놀아보자 17망고100 보드로 놀아보자 17
망고100 보드로 놀아보자 17
 
Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치
Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치
Kinect 사용을 위한 OpenCV, PCL 라이브러리 설치
 
[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdf[GitSpace 1회 세미나] fastlane.pdf
[GitSpace 1회 세미나] fastlane.pdf
 
Androidpn guide-0.5.0-ko
Androidpn guide-0.5.0-koAndroidpn guide-0.5.0-ko
Androidpn guide-0.5.0-ko
 
Kafka slideshare
Kafka   slideshareKafka   slideshare
Kafka slideshare
 
Svn 버전관리 프로그램_매뉴얼
Svn 버전관리 프로그램_매뉴얼Svn 버전관리 프로그램_매뉴얼
Svn 버전관리 프로그램_매뉴얼
 
한글시계웍샵_SW
한글시계웍샵_SW한글시계웍샵_SW
한글시계웍샵_SW
 
java thrift
java thriftjava thrift
java thrift
 

4. publish / subscribe

  • 1. Meteor Korea DEV School 4th day Pubish / Subscribe
  • 2. 발표자 소개 - 박승현 - ppillip@gmail.com - http://digveloper.ppillip.com
  • 3. Publish / Subscribe Publish - 서버쪽에서 클라이언트(브라우저)에 데이터를 내려주는 코드 Subscribe - 클라이언트에서 서버쪽 Publish 된 데이터를 내려 받는 코드
  • 4. Publish / Subscribe 1. autopublish 제거 하기 (콘솔) 2. publish 코드 구현 하기 (서버코드) 3. subscribe 코드 구현 하기 (클라이언트코드)
  • 5. Publish / Subscribe – 1. autopublish 제거 하기 1. 프로젝트폴더에서 meteor list 를 사용해 봅니다. 현재 설치되어있는 패키지를 확인 하는 명령
  • 6. Publish / Subscribe – 1. autopublish 제거 하기 미티어 기본 패키지 - autopublish - insecure - meteor-platform 1. 프로젝트폴더에서 meteor list 를 사용해 봅니다.
  • 7. Publish / Subscribe – 1. autopublish 제거 하기 1. 프로젝트폴더에서 meteor list 를 사용해 봅니다. 우리가 설치한 패키지 - mizzao:bootstra-3
  • 8. Publish / Subscribe – 1. autopublish 제거 하기 1. 프로젝트폴더에서 meteor list 를 사용해 봅니다. autopublish 패키지 : - 기본 포함되는 패키지 - pubsub 을 구현하지 않아도 서버의 모든 몽고디비 컬렉현을 subscribe 함. - 간단한 프로토 타이핑용도 이외에는 사용하지 않음
  • 9. Publish / Subscribe – 1. autopublish 제거 하기 2. 제거해 봅시다. autopublish 로 자동 publish 된 데이터를 별다른 subscribe 코드 구현없이 user.find() 로 helper 에서 조회 할수 있었음. 물론 브라우저 콘솔에서도 같은 명령으로 조회 가능
  • 10. Publish / Subscribe – 1. autopublish 제거 하기 2. 제거해 봅시다. meteor remove 패키지명 삭제 해 봅니다.
  • 11. Publish / Subscribe – 1. autopublish 제거 하기 2. 제거해 봅시다. 헉! 날라 갔다! Before After
  • 13. Publish / Subscribe 1. autopublish 제거 하기 (콘솔) 2. publish 코드 구현 하기 (서버코드) 3. subscribe 코드 구현 하기 (클라이언트코드)
  • 14. Publish / Subscribe – 1. publish 코드 구현하기 1. 화일을 생성합니다.
  • 15. Publish / Subscribe – 1. publish 코드 구현하기 2. 코드를 구현합니다.
  • 16. Publish / Subscribe – 1. publish 코드 구현하기 2. 코드를 구현합니다. “getAllUsers”로 publish 명을 정했습니다(내맘임:) 추후 client 에서 호출 할수 있는 식별자 입니다.
  • 17. Publish / Subscribe – 1. publish 코드 구현하기 2. 코드를 구현합니다. 클라이언트에서 subscribe 시 파라메터를 넘길수 있습니다. find의 검색 조건을 만들때 유용합니다. :)
  • 18. Publish / Subscribe – 1. publish 코드 구현하기 2. 코드를 구현합니다. Users 는 collection.js에 등록된 컬렉션입니다. 여기에서 컬렉션을 검색 결과를 리턴합니다. 경우에 따라 field 를 정의 하거나 sort , limit 를 할수 있습니다.
  • 19. Publish / Subscribe 1. autopublish 제거 하기 (콘솔) 2. publish 코드 구현 하기 (서버코드) 3. subscribe 코드 구현 하기 (클라이언트코드)
  • 20. Publish / Subscribe – 1. subscribe 코드 구현하기 1. 브라우저에서 먼저 테스트 해봅니다. 크롬 브라우저 콘솔에서 서버에서 정의한 식별자를 입력 파라메터로 하여 넣습니다. Meteor.subscribe(“getAllusers”);
  • 21. Publish / Subscribe – 1. subscribe 코드 구현하기 1. 브라우저에서 먼저 테스트 해봅니다. 다시 돌아 왔다!
  • 22. Publish / Subscribe – 1. subscribe 코드 구현하기 2. 자이제 코드에 넣습니다.
  • 23. Publish / Subscribe – 1. subscribe 코드 구현하기 2. 자이제 코드에 넣습니다. Template 이 처음 Dom에 insert 되는 순간(rendered)에 subscribe 코드를 넣습니다.
  • 24. Publish / Subscribe – 1. subscribe 코드 구현하기 2. 자이제 코드에 넣습니다. publish 명을 넣어서 subscribe 코드를 작성합니다.
  • 25. 이래도 이해가 안 되신다면 !
  • 26. mongo mini mongo Server Client 트리거!!!
  • 27. mongo 담부턴 자동 DDP mini mongo Server Client
  • 29.
  • 30. - 질 문 - 실 습