dashboard 만들기

<활용 npm 목록>

1. async

동기/비동기 처리

2. request-ip

client ip 가져오기

-> test 완료. axios 함께 사용

https://studyit312.tistory.com/106

3. geoip-light

ip로 접속자 위치 확인

-> GeoLite2 회원가입이 필요했다.

https://dev.maxmind.com/geoip/geolite2-free-geolocation-data?lang=en

4. node-cron

GNU crontab 기반 node.js용 순수 자바 스크립트 작업 스케줄러

5. xlsx

엑셀파일 처리

-> readfile only works on server side

https://github.com/SheetJS/sheetjs/issues/1189

https://wickedmagica.tistory.com/248

6. moment 

날짜계산

7. bcrypt-nodejs

-> deprecated 되어서 bcrypt로 테스트해봄.

https://auth0.com/blog/hashing-in-action-understanding-bcrypt/

jqWidgets

https://www.jqwidgets.com/

< 활용할 components 목록 >

1. jqxGrid

2. jqxButtons

3. jqxInput

4. jqxTextArea

https://www.jqwidgets.com/vue-components-documentation/documentation/jqxtextarea/vue-textarea-getting-started.htm?search=text

5. jqxTabs

...

 

< dashboard sample 에서 활용한 template >

Vue Material Dashboard

https://www.creative-tim.com/product/vue-material-dashboard

dashboard sample 구동시켜보기

- mongoDB 설치 필요 : grid export 기능 테스트를 위해 실행해보아야 함. 

-> docker에 mongoDB를 설치해서 했다고 한다. 

 

< 시도해본 것>

jqWidgets 사용해서 fileUpload -> grid 그리기 -> fileDownload

-> csv 파일으로 test해보려고 함.

createWidget

https://www.jqwidgets.com/community/topic/file-upload-with-jqxgrid-2/

jqGrid에 data binding 

https://www.jqwidgets.com/vue-components-documentation/documentation/jqxgrid/vue-datagrid-datasources.htm?search=