본문 바로가기

Front-End

 (13)
[JS] Object Sorting Issue Preview json 파일을 object로 parsing해 사용하려고 봤더니 순서가 이상하다. 분명 원본 파일과 다르다. { "fruits": { "001" : "사과", "002" : "배", "003" : "메론", "301" : "수박", "999" : "참외" } } 이 json object는 과일 항목을 KEY VALUE 로 정의해놓은 값이다. 이 json object를 읽어 콘솔에 찍으면 웬걸.. 당연히 정의된 object 그대로 불러올 줄 알았으나 JS 엔진은 Object를 호출할 때 자동으로 Key 값 기준으로 정렬을 해준다고 한다. 그런데, Key 값을 기준으로 정렬한다고 해도 001, 002, 003, 301, 999 이 순서대로 돼야 하지 않나 싶었다. Methodology 그래서 ..
localstorage를 활용한 메뉴 History 저장 본 게시글은 재직 중인 증권사 MTS를 개발하면서 localstorage를 활용해 개인이 들어갔던 메뉴를 저장하고 불러오는 로직을 기록하기 위함입니다. 자사 메뉴는 기본적으로 다음과 같은 구성으로 되어있습니다.(예시) 1) 주식 1-1) 국내주식 현재가 1-2) 국내주식 주문 . . 위 방식처럼 쭉 대분류, 중분류, 소분류로 메뉴가 이어지면 사용자 입장에서 필요한 기능은 다음과 같을 것입니다. 1) 검색기능 2) 최근 메뉴 3) 자주 찾는 메뉴 검색 기능은 다음에 기회가 되면 정리하도록 하고, 최근 메뉴와 자주찾는메뉴를 어떻게 구현했는지 소개하겠습니다. 최근메뉴 우선 자사 앱은 하이브리드 앱으로 네이티브 위에 웹뷰를 얹어 웹 개발 방식으로 개발되어 있습니다. 하이브리드 앱은 IOS, android 구분 ..
Chartjs를 사용해 효율적 투자선 그리기 - 3편 https://sieon-dev.tistory.com/41 Chartjs를 사용해 효율적 투자선 그리기 - 1편 포트폴리오 이론과 효율적 투자선에 대해선 제가 간단하게 소개한 글이 있으니 읽어주시면 감사하겠습니다. https://sieon-dev.tistory.com/40?category=989136 Harry Markowitz의 포트폴리오 이론과 효율적 투자. sieon-dev.tistory.com https://sieon-dev.tistory.com/42 Chartjs를 사용해 효율적 투자선 그리기 - 2편 1편을 참고해주세요. https://sieon-dev.tistory.com/41 Chartjs를 사용해 효율적 투자선 그리기 - 1편 포트폴리오 이론과 효율적 투자선에 대해선 제가 간단하게 소개한..
Chartjs를 사용해 효율적 투자선 그리기 - 2편 1편을 참고해주세요. https://sieon-dev.tistory.com/41 Chartjs를 사용해 효율적 투자선 그리기 - 1편 포트폴리오 이론과 효율적 투자선에 대해선 제가 간단하게 소개한 글이 있으니 읽어주시면 감사하겠습니다. https://sieon-dev.tistory.com/40?category=989136 Harry Markowitz의 포트폴리오 이론과 효율적 투자. sieon-dev.tistory.com *몇몇 과정에는 Jupyter Notebook에서 실행한 결과 화면이 첨부되어 있습니다. 주가 데이터 가져오기 주가 데이터는 FinanceDataReader 라이브러리를 사용해서 불러옵니다. samsung = fdr.DataReader('005930','2019-01-01', '2020..
Chartjs를 사용해 효율적 투자선 그리기 - 1편 포트폴리오 이론과 효율적 투자선에 대해선 제가 간단하게 소개한 글이 있으니 읽어주시면 감사하겠습니다. https://sieon-dev.tistory.com/40?category=989136 Harry Markowitz의 포트폴리오 이론과 효율적 투자선 현대 포트폴리오 이론 (Modern Portfolio Theory 이하 MPT) 포트폴리오 이론은 해리 마코위츠에 의해 체계화된 이론으로 자산을 분산투자하여 포트폴리오를 만들게 되면 분산투자 전보다 위험을 감소시 sieon-dev.tistory.com 개발환경 Backend : Python django Frontend : Chartjs, Jquery 개요 효율적 투자선이라는 개념이 쓰이는 웹사이트는 많이 없겠지만 웹 상에 차트나 그래프를 그릴 일은 많을 것..

티스토리툴바