프로젝트

주식 적립식 투자앱 만들기 - 8

 

- modal ui완성

- 나스닥, 뉴욕거래소 주식은 달러로, 코스피, 코스닥 주식은 원화로 되어있어서 화폐단위를 지정해서 하나로 통일시키기로 했다. 환율은 그냥 가장 최신 환율을 기준으로 화폐변환시킬건데 사실 과거 주가는 그 당시 환율을 기준으로 변환시켜야 정확한 주가니까 중간에는 조금 오차가 생기긴 할것같다. 그래도 마지막 결과는 가장 최근 조정주가 + 가장 최신 환율로 맞으니깐 그냥 하기로 함.

- 적립식 투자나 조정주가를 쓴다던가 하는걸 공지할 필요가 있어보인다. 어디다 도움말을 추가해야할것 같다.

 

 

{
  endDate: '2020-12-05T07:57:19.082Z',
  initCost: '40',
  moneyTypeIndex: 0,
  savingCost: '',
  savingTypeIndex: 0,
  selectedStock: [
    {market: 'NASDAQ', name: 'Tesla Inc', start: '2010-06-29', symbol: 'TSLA'},
    {
      market: 'NASDAQ',
      name: 'NVIDIA Corp',
      start: '1999-01-22',
      symbol: 'NVDA',
    },
    {market: 'NASDAQ', name: 'Adobe Inc', start: '1986-08-13', symbol: 'ADBE'},
  ],
  startDate: '2010-06-29T00:00:00.000Z',
};

- 시작하기 누르면 Result 페이지로 이 데이터를 넘긴다.

 

 

 

차트 라이브러리 설치 

www.fusioncharts.com/dev/getting-started/react-native/your-first-chart-using-react-native

 

FusionCharts Dev Centre

Get started with interactive charts and dashboards for your web and mobile applications

www.fusioncharts.com

 

 

설치하고 기본 예제 적용해 봤더니 ios늘 잘 되는데 안드로이드는 저 로딩상태에서 안넘어가길래 한참을 헤맸는데 알고보니 assets에 복사한 fusioncharts 폴더내에 파일이 절반정도만 있었다. 내가 복사중에 작업을 종료시켰나? 에러를 안뱉은게 신기하다.

 

 

 

아무튼 안드로이드도 설치됨

 

 

theme 적용도 잘 안되길래 찾아보니 fusioncharts.html에 직접 쓸 테마는 import해줘야한다

 

 

배경 검은색 테마는 이것밖에 없어서 이걸 쓰기로 했다.

 

 

formidable.com/open-source/victory/docs

 

Victory | Getting Started

Victory is an opinionated, but fully overridable, ecosystem of composable React components for building interactive data visualizations. The following tutorial explains how to set up a basic chart. For next steps, please see our FAQs and Gallery sections.

formidable.com

그리고 검색하다 본건데 라이브러리도 좋은것 같다