개발 23

작업 내용 정리

요즘 D3.js 활용해서 캔들차트 구현하느라 많이 애먹고 있다.차트 구현에만 매달려있다보니 작업의 진도가 나아가질 않는데,차트 구현은 일단 뒤로 미루고 다른 작업들부터 해야겠다. 1 - 1)모든 종목의 정보를 화면에 노출시킬 수는 없다. 만약 그런다면 굉장히 무거워지고, 성능도 떨어지겠지.그래서 홈 화면에 노출되는 종목은,     (1) 보유 종목     (2) 검색 종목으로 한정한다.보유 종목은 DB내 정보로 구분하고검색 종목은 검색 내역을 vuex-persistedstate로 저장하여 가져온다.만약, 보유종목과 검색종목이 둘 다 없을 시해당 상태를 알리는 화면을 따로 띄운다. 1 - 2) 홈 화면에서의 종목별 캔들차트는 별도의 기능(확대/축소, 이동, 십자선,  툴팁 등)을 요구하지 않기에현재 구현된..

MongoDB , Node.js , D3.js - 캔들차트 만들기

결과물 미국 주식 중국 주식(홍콩, 상해) 싱가포르 주식 가상 화폐 한국 주식 앞으로 할 일1) Zoom & Pan 기능 구현2) Zoom에 반응하여 x-axis, y-axis의 tickCnt와 범위 변경3) Pan(또는 하단 스크롤바 움직임)에 반응하여 x-axis, y-axis의 tickCnt와 범위 변경4) 날짜 형식 수정5) 하단 스크롤바가 왼쪽 끝에 닿았을 때, 추가적인 데이터 불러오기6) 전반적인 규격, 사이즈 수정

MongoDB - Node.js 연동

어디까지나 내 기준이기는 하지만 이전에 했었던 MySQL - Node.js 연동 보다는 훨씬 더 어려웠다. 나는 학원에서든, 회사에서든 RDBMS만 배우고 다뤄왔기 때문에 NoSQL인 MongoDB는 이번이 처음이었고, 당연히 Mongoose도 이번이 처음이었다. 모르는 내용이 많아서 구글링을 많이 해야 했는데 구버전으로 작성된 내용들이 많아서 적잖이 헤맸다. 마음 같아서는 작업을 하면서 마주쳤던 모든 어려움들과 해결 과정들을 전부 기록으로 남기고 싶었지만, 그러기에는 시행착오가 너무 많았다. 그리고 기록하면서 작업을 진행하자니 집중이 분산되어 개발에 힘을 쏟을 수 없었다. 그래서 그냥 "DB와 Server를 어떻게 연동시켰냐"만 기록으로 남겼다. 솔직히 귀찮았다. 들어가기 전에 버전 정보 (1) Mon..

MongoDB 강의 내용 정리 - 2.

(MongoDB 강의 내용 정리 - 1. 에 이어서 진행되는 내용) [ 순서 ] 4. Delete 5. Session & Transaction 6. 검색 7. 맵 리듀스* 내가 공부한 내용들은 정리한 글임   틀린 내용, 부족한 내용이 있을 수 있으니   (혹시라도 이 글을 볼 사람이 있을 지는 모르겠다만)   암튼 참고하고 유의하셈  4. D (삭제) (1) * 예시로 바로 설명  > db.col3.deleteOne({a:10})     a필드 값이 10인 document를 삭제한다.     (document가 여러 개라면, 그 중 최우선으로 검색된 document를 삭제한다.)  > db.col3.deleteMany({a:10})     a필드 값이 10인 document 전체를 모두 삭제한다. 5...

개발/학습 2024.04.12