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.

4. publish / subscribe

7,066 views

Published on

4. publish / subscribe

Published in: Technology
  • Be the first to comment

4. publish / subscribe

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

×