과제2: MongoDB Data 를 jqxGrid 에 출력 : 단계별 참고자료, 진행과정

1. sample data 가져오는 곳 (여기서 csv로 다운로드 받는다)

https://instances.vantage.sh/

여기서 다운받은 csv 파일 

Amazon EC2 Instance Comparison.csv

0.28MB

 

2. MongoDB 설치

MongoDB 개념(NoSQL)

https://velopert.com/436

Window에 MongoDB 설치방법 (localhost)

https://m.blog.naver.com/wideeyed/221815886721

MongoDB 다운로드 경로

https://www.mongodb.com/try/download/community

 

atlas 로 mongoDB 

https://ndb796.tistory.com/302

 

윈도우 cmd 창 한글 깨짐 문제 및 오류 - PC 재부팅 후 해결

 

3. CSV 파일을 mongoDB에 import

https://kb.objectrocket.com/mongo-db/how-to-import-a-csv-into-mongodb-327

http://time2relax.net/wp/?p=980 

 

윈도우 cmd에서 디렉토리 안의 파일을 보려면 dir

 

mongoDB에서 database, collection 생성 

https://velopert.com/457

 

< mongoimport 가 안되는 문제 발생 >

: mongoimport 명령어 사용을 위해서는 MongoDB Database Tools 다운받아서 bin에 있는 모든 파일을 mongoDB의 bin에 넣어주어야 함

해결 참고자료 

https://www.programmersought.com/article/35496870950/

MongoDB Database Tools 다운로드

https://www.mongodb.com/try/download/database-tools

 

mongoimport --db earlgrey --collection butter --type csv --headerline --file comparison.csv

 

4. back(Node.js)

Node.js 와 MongoDB 연동 

https://velopert.com/594

 

npm run start 시, 

 

Express server has started on port 8080
Connected to mongod server
TypeError: Cannot read property 'find' of undefined

(아직 해결 못함)

https://stackoverflow.com/questions/41926469/mongodb-driver-not-being-recognized

https://github.com/formium/tsdx/issues/67

-> 모르겠다 : 코드 작성 순서에 의한 오류

참고예제의 git repository 에서 코드를 보고, 순서를 재배치 했더니 해결

내가 참고한 예제를 참고하여 재구성한 또다른 예제 

https://gmldbd94.tistory.com/10

https://pro-self-studier.tistory.com/109

 

다시 참고할만한 예제 

https://poiemaweb.com/mongoose

 

postman 으로 응답 데이터 조회 

5. front(vue.js)

jqxGrid : filter sort 등의 기능 사용하여 grid 출력 

(기존에 했던 것을 응용하자) 

 

여기까지 함. 

jQWidgets in Vue 공식문서

https://www.jqwidgets.com/vue-components-documentation/

 

server-side sorting 

https://www.jqwidgets.com/vue-components-documentation/documentation/vue-serverside/vue-serverside-sorting.htm?search=#jqxgridpaging

 

mongoDB를 nodeJs 에서 조회 시, option 주는 법 (sorting)

https://www.python2.net/questions-27811.htm

 

sorting filtering 적용 

 

grid export to CSV 

https://www.jqwidgets.com/vue/vue-grid/#https://www.jqwidgets.com/vue/vue-grid/vue-grid-dataexport.htm

 

 

 

참고) git 사용법에 대한 참고자료

https://www.zerocho.com/category/Git/post/581042fdcae2d100152ceae6