ISIH's Archive

드롭다운을 사용하여 페이지를 전환할 때, 검색창의 하부 요소가 hidden 되지 않음 - 추후에 이 부분 개선할 것.

1. 홈 화면- 헤더 아래의 가로 방향 캐러셀 제거 (계속 보면 어지러움. 멀미남. 화면에 집중이 안됨)- 사이드바 제거 (사이드바 내용들은 헤더로 이동) 2. 거래 내역 페이지- 전체 거래내역 중 비용 관련 내용만 다룰 것 (수익 관련 페이지는 별도로 추가할 예정) 3. 포트폴리오 화면- 없앨 예정- 홈 화면에서 하나의 아이템으로 추가 (현재 보유 중인 포트폴리오에 대한 정보) 4. 종목 차트 화면- 트레이드 히스토리 없애기- 우측 팝업 모달 없애기 (한 화면에 보이기)

기능 추가조회 기간 동안의 거래 빈도를 scatterplot 차트로 시각화시키며, 해당 기간 동안의 Expense(거래에서 발생하는 수수료와 세금) 합계와 그 내역을 테이블로 출력함작업 진행 예정테이블 서식 (공통함수 작업)Period 설정 추가 ( 1) 처음 페이지 로드 시, dateFrom은 "오늘 날짜 - 1달", dateTo는 "오늘 날짜"  /  2) 달력으로 날짜 선택(flatpickr) )scatterplot 차트 axis 수정 (xAxis는 tick 6개, yAxis는 tick 5개로 고정)설정한 Period와 Transaction에 일치하는 data가 조회되지 않더라도 차트는 그려져야 함 ( * data가 없을 시 : x축(설정한 기간)과 y축(0~1) )

포트폴리오의 수익률을 계산하는 기능을 구현하다가" createConnection " 이라는 함수를 사용했다. 그 코드는 다음과 같고, 이번에 새로 배운 내용을 정리하자면... 1) 한 개의 DB에 접속할 때는 .connect() , 여러 개의 DB에 접속할 때는 .createConnection()이전의 작업에서는 " mongoose.connect() ~ "이런 식으로 코드를 작성했는데 이 경우, 여러 DB에 접속할 때마다mongoose1.connect(URL1) ~ mongoose2.connect(URL2) ~ mongoose3.connect(URL3) ~ ...이런 식으로 만들어줘야 한다. 하지만 .createConnection()을 사용하면mongoose.createConnection(URL1) ~ ..

이제 홈 화면 작업 들어가자

툴팁 생성을 위해데이터 구조를 한 번 더 수정했다. 작업 결과물 :  포트폴리오 전체 수익률 계산 기능(Evaluation)은현재 데이터 구조에서 가능할 듯

어제 수정 작업한 MongoDB Document에서 데이터를 받아온 후이를 어떻게 가공하여차트를 만들고, 툴팁을 생성하고, 수익률을 계산할지 고민하다문득 그런 생각이 들었다.  ' 내가 지금 MongoDB를 RDBMS처럼 접근하고 있는 것은 아닐까? '   그래서 몽고DB Document 구조를 재수정했다.그리고 코드도 다시 수정했다. 이번에 작업한 코드는 이렇고 실행은잘 된다.

1) 차트에 Mouseover 했을 때, "종목명-가격-수량" 보여주는 툴팁 생성2) 포트폴리오의 전체 수익률을 계산해주는 Evaluation 기능 추가를 위해 Portfolio Document의 구조를 바꿔야했고그에 따른 프론트/백 코드 수정을 진행하려 한다. 오늘은 "신규 포트폴리오 추가 기능"에 대한 코드 수정을 했다.

문제 : 특정 종목의 가장 최근자 가격 정보를 가져오려 했다.Date 필드의 값을 기준으로 내림차순 정렬을 하고, 최상단에 위치한 데이터를 가져오려 했는데Date필드의 데이터 타입이 문자열이어서나의 의도대로 정렬이 이뤄지지 않았다. 해결 : 아래 내용을 참고했다.https://stackoverflow.com/questions/22034195/update-string-to-date-object-in-mongodb Update string to Date object in mongodbI'm working on mongodb and node.js and i came a across a scenario. I'm bulk inserting data around 200 million record. In those ..

1. (D3.js) .on("end", ~)이슈 : 화면 좌측의 도넛 차트(연두색 네모 박스로 표시)가 그려지는 중에,          차트 위에 마우스를 올리면 차트가 깨짐(제대로 안그려짐) 원인 : 비동기 속성 - transition에서 정의한 콜백이 실행되는 동안에도 이벤트 리스너에서 정의한 콜백이 실행됨 해결 : " .on("end", ~ ) " 를 활용하여transition이 완료된 이후에 마우스 이벤트 리스너가 실행되도록 함. 2. (Vue.js) watch이슈 : watch에서 정의한 함수가 작동하지 않음 & 함수가 실행되는 시기(컴포넌트가 렌더링 되기 전에 함수가 먼저 실행됨)원인 : 생략해결 : 1) deep watch"addAssetsData"에 watch를 걸어둠근데 "addAsset..