Meteor Korea DEV School 
3rd day 
Collection
발표자 소개 
- 박승현 
- ppillip@gmail.com 
- http://digveloper.ppillip.com
Collection (컬렉션:디비데이터처리하기) 
- 컬렉션 선언 
클라이언트(브라우저) 
서버(데이터 없을때 최초 초기화) 
- 리스트(find) 구현 
- 입력(insert) 구현 
- 삭제(remove) 구현 
- 컬렉션을 합쳐 보기(model)
컬렉션 선언 - 브라우저  
1. 파일생성(client폴더) 2. 컬렉션 선언 
3. 브라우저 콘솔에서 확인
컬렉션 선언 - 서버 , 초기 데이터 넣기  
1. 파일생성(server폴더) 
2. 컬렉션 선언 
3. 초기 데이터 넣기
Collection (컬렉션:디비데이터처리하기) 
- 컬렉션 선언 
클라이언트(브라우저) 
서버(데이터 없을때 최초 초기화) 
- 리스트(find) 구현 
- 입력(insert) 구현 
- 삭제(remove) 구현 
- 컬렉션을 합쳐 보기(model)
리스트에서 find 로 조회 하기 
1. 원본 소스 
2. 디비반영 소스
리스트에서 find 로 조회 하기
Collection (컬렉션:디비데이터처리하기) 
- 컬렉션 선언 
클라이언트(브라우저) 
서버(데이터 없을때 최초 초기화) 
- 리스트(find) 구현 
- 입력(insert) 구현 
- 삭제(remove) 구현 
- 컬렉션을 합쳐 보기(model)
입력 구현 - 템플릿 
1. userInput 템플릿 코딩 하기 
2. 템플릿 추가 하기
입력 구현 - 템플릿
입력 구현 - 헬퍼 
1. userInput 의 events 매니저 생성 
2. events 매니저에 버튼의 click 이벤트 등록
Collection (컬렉션:디비데이터처리하기) 
- 컬렉션 선언 
클라이언트(브라우저) 
서버(데이터 없을때 최초 초기화) 
- 리스트(find) 구현 
- 입력(insert) 구현 
- 삭제(remove) 구현 
- 컬렉션을 합쳐 보기(model)
삭제구현 - userListItem 템플릿 수정 
1. userListItem 템플릿 코딩 하기 
2. 기존버튼 이름추가 , 삭제버튼추가
삭제구현 - userListItem 템플릿 수정
삭제구현 - userListItem events 매니저 수정 
1. name 속성 추가된 ‘버튼 셀렉터’ 수정 
_id ? 
우린 넣은적없는데? 
2. remove 버튼 이벤트 추가 및 삭제 구현
삭제구현 - _id 란 무엇인가? 
1. _id 는 mongoDB 의 unique 키 입니다. 
2. 미티어 소스코드에서 
insert api 에서 따로 지정하지 않으면 
미티어가 자동으로 랜텀 텍스트를 
생성하여 넣습니다. 
3. 삭제시에 _id 로 1개의 doc 만 삭제가 
가능합니다.
질문  
 
실습

3. collection

  • 1.
    Meteor Korea DEVSchool 3rd day Collection
  • 2.
    발표자 소개 -박승현 - ppillip@gmail.com - http://digveloper.ppillip.com
  • 3.
    Collection (컬렉션:디비데이터처리하기) -컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화) - 리스트(find) 구현 - 입력(insert) 구현 - 삭제(remove) 구현 - 컬렉션을 합쳐 보기(model)
  • 4.
    컬렉션 선언 -브라우저 1. 파일생성(client폴더) 2. 컬렉션 선언 3. 브라우저 콘솔에서 확인
  • 5.
    컬렉션 선언 -서버 , 초기 데이터 넣기 1. 파일생성(server폴더) 2. 컬렉션 선언 3. 초기 데이터 넣기
  • 6.
    Collection (컬렉션:디비데이터처리하기) -컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화) - 리스트(find) 구현 - 입력(insert) 구현 - 삭제(remove) 구현 - 컬렉션을 합쳐 보기(model)
  • 7.
    리스트에서 find 로조회 하기 1. 원본 소스 2. 디비반영 소스
  • 8.
  • 9.
    Collection (컬렉션:디비데이터처리하기) -컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화) - 리스트(find) 구현 - 입력(insert) 구현 - 삭제(remove) 구현 - 컬렉션을 합쳐 보기(model)
  • 10.
    입력 구현 -템플릿 1. userInput 템플릿 코딩 하기 2. 템플릿 추가 하기
  • 11.
    입력 구현 -템플릿
  • 12.
    입력 구현 -헬퍼 1. userInput 의 events 매니저 생성 2. events 매니저에 버튼의 click 이벤트 등록
  • 13.
    Collection (컬렉션:디비데이터처리하기) -컬렉션 선언 클라이언트(브라우저) 서버(데이터 없을때 최초 초기화) - 리스트(find) 구현 - 입력(insert) 구현 - 삭제(remove) 구현 - 컬렉션을 합쳐 보기(model)
  • 14.
    삭제구현 - userListItem템플릿 수정 1. userListItem 템플릿 코딩 하기 2. 기존버튼 이름추가 , 삭제버튼추가
  • 15.
  • 16.
    삭제구현 - userListItemevents 매니저 수정 1. name 속성 추가된 ‘버튼 셀렉터’ 수정 _id ? 우린 넣은적없는데? 2. remove 버튼 이벤트 추가 및 삭제 구현
  • 17.
    삭제구현 - _id란 무엇인가? 1. _id 는 mongoDB 의 unique 키 입니다. 2. 미티어 소스코드에서 insert api 에서 따로 지정하지 않으면 미티어가 자동으로 랜텀 텍스트를 생성하여 넣습니다. 3. 삭제시에 _id 로 1개의 doc 만 삭제가 가능합니다.
  • 18.
    질문 실습