하루종일 회의를 하고나니 진이 빠진다. 저녁 미티어 스쿨 모임장소 가는길에 연회원 등록한 박찬호 21이라 피트니스 클럽이 있다.
$ meteor create waggleChat
$ meteor remove autopublish
$ meteor remove insecure
$ meteor add twbs:bootstrap
$ meteor add accounts-ui
$ meteor add accounts-password : Accounts 객체를 사용할 수 있다.
$ meteor list
accounts-ui 1.1.5 Simple templates to add login widgets to an app
meteor-platform 1.2.2 Include a standard set of Meteor packages in your app
twbs:bootstrap 3.3.5 The most popular front-end framework for developing responsive, mobile fir...
lib/collection.js : 컬렉션은 lib에 넣어서 최초에 new를 하게 하자.
server/fixture.js : 테스트 데이터를 만든다.
client/account.js: Accounts UI에 configuration 한다.
waggleChat에 loginButton 넣기
pub/sub 을 roomList로 등록한다. : 서버에 publish, 클라이언트의 템플릿의 onCreated에서 subscribe를 한다. subscribe를 하면 DDP를 통해 서버로 부터 데이터를 받고 ready를 날려준다.
insert failed: Access denied : 채팅방 만들때 에러가 발생하므로 서버에서 allow를 구현한다. allow.js
roomList.helpers의 list가 바뀌면 computation되어 template의 each로 가서 computation이 되어 최종 화면에 추가한 방목록이 나온다.
// client/roomList.js
Template.roomList.helpers({
list: function () {
return Rooms.find();
}
});
// client/roomList.html
<template name="roomList">
{{#each list}}
{{> roomListItem}}
{{/each}}
</template>
Rooms.find({...}) 의 결과는 cursor 이다. cursor.observer({ added: function(document) { ...} }); 으로 cursor의 변화에 대하여 observing 할 수 있다. observer는 서버에서도 사용할 수 있다. 컬렉션의 cursor는 Reactive DataSource 이다.
검색은 fastophere.meteor.com
'Meteor' 카테고리의 다른 글
| [Meteor v1.4] 다시 들여다 보기 (0) | 2016.11.11 |
|---|---|
| [Meteor SmartLink] 미티어 OJT (0) | 2015.09.01 |
| [Meteor] React Twitter Bootstrap 사용하기 (0) | 2015.08.15 |
| [Meteor] Meteor 배우는 방법 (0) | 2015.07.11 |
| [Meteor] 마지막 수업 - 구조 및 아키텍쳐의 이해 (WebApp 2.0 세대) (0) | 2013.06.22 |
