3. collection

18
Meteor Korea DEV School 3rd day Collection

Upload: seung-hyun-park

Post on 11-Jul-2015

1.620 views

Category:

Technology


10 download

TRANSCRIPT

Page 1: 3. collection

Meteor Korea DEV School 3rd day

Collection

Page 2: 3. collection

발표자 소개

-  박승현-  [email protected] -  http://digveloper.ppillip.com

Page 3: 3. collection

Collection (컬렉션:디비데이터처리하기)

- 컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화)- 리스트(find) 구현- 입력(insert) 구현- 삭제(remove) 구현- 컬렉션을 합쳐 보기(model)

Page 4: 3. collection

컬렉션 선언 - 브라우저 ���

1. 파일생성(client폴더) 2. 컬렉션 선언

3. 브라우저 콘솔에서 확인

Page 5: 3. collection

컬렉션 선언 - 서버 , 초기 데이터 넣기 ���

1. 파일생성(server폴더)

2. 컬렉션 선언

3. 초기 데이터 넣기

Page 6: 3. collection

Collection (컬렉션:디비데이터처리하기)

- 컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화)- 리스트(find) 구현- 입력(insert) 구현- 삭제(remove) 구현- 컬렉션을 합쳐 보기(model)

Page 7: 3. collection

리스트에서 find 로 조회 하기

1. 원본 소스

2. 디비반영 소스

Page 8: 3. collection

리스트에서 find 로 조회 하기

Page 9: 3. collection

Collection (컬렉션:디비데이터처리하기)

- 컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화)- 리스트(find) 구현- 입력(insert) 구현- 삭제(remove) 구현- 컬렉션을 합쳐 보기(model)

Page 10: 3. collection

입력 구현 - 템플릿

1. userInput 템플릿 코딩 하기

2. 템플릿 추가 하기

Page 11: 3. collection

입력 구현 - 템플릿

Page 12: 3. collection

입력 구현 - 헬퍼

1. userInput 의 events 매니저 생성

2. events 매니저에 버튼의 click 이벤트 등록

Page 13: 3. collection

Collection (컬렉션:디비데이터처리하기)

- 컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화)- 리스트(find) 구현- 입력(insert) 구현- 삭제(remove) 구현- 컬렉션을 합쳐 보기(model)

Page 14: 3. collection

삭제구현 - userListItem 템플릿 수정

1. userListItem 템플릿 코딩 하기

2. 기존버튼 이름추가 , 삭제버튼추가

Page 15: 3. collection

삭제구현 - userListItem 템플릿 수정

Page 16: 3. collection

삭제구현 - userListItem events 매니저 수정

1. name 속성 추가된 ‘버튼 셀렉터’ 수정

2. remove 버튼 이벤트 추가 및 삭제 구현

_id ?

우린 넣은적없는데?

Page 17: 3. collection

삭제구현 - _id 란 무엇인가?

1. _id 는 mongoDB 의 unique 키 입니다.

2. 미티어 소스코드에서 insert api 에서 따로 지정하지 않으면 미티어가 자동으로 랜텀 텍스트를 생성하여 넣습니다.

3. 삭제시에 _id 로 1개의 doc 만 삭제가 가능합니다.

Page 18: 3. collection

질문 ������실습���