MongoDB3 MongoDB에서 데이터 가져와서 template 뷰와 바인딩 [HTML5Project] MongoDB에서 데이터 가져와서 template 뷰와 바인딩 *알립니다. 아래의 소스는 가상의 테스트 데이터를 활용했습니다.작성자 본인의 기록용입니다. [필요 확장 모듈 다운로드 및 적용]1. 프로젝트의 package.json파일내의 dependencies내에 하단의 패키지를 추가하고 저장 "mongodb": "~2.2.12", "clog": "~0.1.6"1-1. package.json 우클릭하여 Ran As - npm install로 설치하여 ejs-locals 설치되는지 확인2. js폴더 내에 lib폴더를 만들고 jquery-1.11.0.min.js와 jquery.tmpl.min.js 추가2-1. views폴더 내의 layout폴더 내에 있는 head.ejs파일에 아래의.. 2017. 3. 6. MongoDB 테스트 데이터 생성 스크립트 [HTML5]MongoDB 테스트 데이터 생성 스크립트 *알립니다. 아래의 스크립트는 가상의 테스트 데이터 생성 스크립트입니다.작성자 본인의 기록용입니다. [테스트 데이터 스키마] DB명 gallery Collection명 card 카드아이디 _id 링크 link 카드이미지{섬네일{파일, 설명, 타입}} image{thumbnail{file,desc,type}} 카드명 name 타입 type 카드상세 desc 관련글 relative 등록시간 regDate 1. 프로젝트 폴더내에 db.js 파일 생성하여 아래의 테스트 데이터 작성2. 우클릭 - Run As - Node Application으로 실행하여 데이터 생성 var MongoClient = require('mongodb').MongoClient;va.. 2017. 3. 6. ejs 활용, mongoose 데이터 연동, simple counter 구현 ejs 활용, mongoose 데이터 연동, simple counter 구현 #ejs #mongoose #mongoDB #simplecounter ejs : Embedded Javascript [ejs 설치]1. 윈도우 탐색기 프로젝트 폴더에서 cmd 또는 git bash를 열어서$npm install ejs --save 2. node_modules\ejs에 설치됨 [ejs로 hello world]1. Atom의 프로젝트 폴더에서 views 폴더 생성 2. views 폴더 내에 testejs.ejs 파일 생성 3. 생성된 testejs.ejs 파일내에서 html 타이핑 후 tab을 눌러 HTML 기본 태그 호출하기 또는 아래 내용 입력 Hello EJS 4. public 폴더 내의 index.html 파.. 2017. 1. 25. 이전 1 다음 반응형