주식투자 관련 정보를 제공해 주는 웹 사이트를 만들어 줘. 접속하면 메인 화면에 일단 코스피 지수, 코스닥 지수,…

주식투자 관련 정보를 제공해 주는 웹 사이트를 만들어 줘. 접속하면 메인 화면에 일단 코스피 지수, 코스닥 지수, 나스닥 지수, S&P500 지수 그래프를 그려 줘. 일단은 real data가 아니라 가짜 데이터를 만들어서 사이트 디자인을 편리하고 예쁘게 설계하는 데 집중해 줘. 그래프는 2초마다 업데이트해 주고.

PC 화면에서는 한 번에 2열씩 그래프가 보이도록 해줘. 공간이 효율적이지 못해. 화면 상단에 로고를 넣어 줘. 로고는 logo.png 파일이야 폴더에 넣어 놨어.

코드를 수정해서 테스트 데이터가 아니라 실제 주식시장의 지수값을 받아와.

테스트해.

기능을 추가하자. 주식의 티커를 입력하면 현재 가격을 불러와 차트로 표시해 줘.

잘 되나 확인해봐. 티커는 AAPL 로 테스트 해.

코스피 종목을 인식 못 하네. 검색창 왼쪽에 거래소를 고를 수 있게 메뉴 추가해 줘. 나스닥, 코스닥, 코스피 등등.

종목명도 적어 줘.

X축에 시간축을 넣어서 날짜나 시간을 넣어줘. 5년, 3년, 1년, 6개월, 1개월, 1주일, 1일, 1시간 단위로 확 대/축소할 수 있게 버튼도 만들어 줘. 그래프에 마우스를 올리면 날짜와 당시의 가격도 표시해 줘.

사용자가 처음 접속하면 일단 기본적으로 5년 데이터가 보이게 설정해.

버튼을 누르면 차트를 캔들 차트로 전환하는 기능도 구현해 줘. 라인 차트와 캔들 차트는 데이터 규격 이 다를 텐데 일단 무조건 캔들 차트용 데이터로 받아와서, 종가만 정리해서 라인 차트를 그릴 때 사용 해. 사용자가 나중에 캔들 차트로 전환할 수도 있으니까 시가나 평균값 등 다른 데이터는 버리지 말고 메모리에 저장해 둬.

이 사이트에 포트폴리오 기능을 추가할 거야. - 개별 종목 그래프에 “포트폴리오에 담기” 버튼을 만들어. - 우상단에는 “내 포트폴리오” 버튼을 만들어. - 내 포트폴리오 버튼을 누르면 모달 창이 뜨고, 거기에 내 관심 종목들이 표기돼. - 관심 종목의 현재 보유 수량을 입력할 수 있는 칸을 만들어. - 그 칸 왼쪽에는 현재 환율을 고려해 원화로 그 종목의 총 보유금액이 얼마인지 표기해 줘. - 종목을 삭제하는 버튼도 만들어 줘. - 모달창 하단에는 “포트폴리오 분석” 버튼을 만들어 줘. - 이 버튼을 누르면 내 포트폴리오에 담겨 있는 종목들의 값들을 전부 받아와 원화로 환산하고 각 시 기별 보유수량 * 가격을 곱한 값을 합산해서, 내 포트폴리오의 총 평가금액의 백트래킹 데이터를 그 래프로 그리는 거야. - 기본적으로 10년치 시뮬레이션을 수행하고 - 사 용자에게는 기본적으로 5년치 데이터를 보여줘. 버튼 누르면 10년, 7년, 5년, 3년, 1년, 6개월 그래 프로 바꿔 가면서 보여주고. - 캔들 차트 필요 없으니 라인 차트만 보여주면 돼. - 만 약 포트폴리오에 포함된 종목이 상장된 지 10년이 안 되어 추적이 불가능한 경우, 시초가까지만 트래킹하고 미상장된 기간 동안은 0원으로 잡아 줘.

페이지 좌우에 여백이 부족하니 답답해 보인다. 여백 조금만 더 줘.

모바일 화면에서는 조금만 더 여백 줄래? 지금 여백으로도 좁아 보인다.

사이트 레이아웃을 수정하자. 브라우저의 탭 전환처럼 상단에 주식 검색 탭, 포트폴리오 분석 탭을 추가해 줘. 포트폴리오 버튼을 눌러 모달로 진입하는게 아니라, 탭을 전환해서 실행하는걸로 바꿔주 면 돼.

탭 하나 더 추가해 줘. “추천 포트폴리오”라는 이름으로.

추천 포트폴리오 탭에 기능 추가해 줘. 내가 이제 여러 ETF들과 비율을 불러줄테니까, 총액 1,000만 원으로 비율 맞춰서 포트폴리오에 담긴 ETF를 구매하는 걸 전제로 포트폴리오를 구성해 주면 돼. 사용자에게 포트폴리오 비율을 원형 그래프로 보여줘. 그리고 최근 10년 수익률, MDD 를 보고 사용 자가 마음에 드는 포트폴리오 하나를 선택해. 선택하면 “이 포트폴리오를 복사하시겠습니까?”라는 안 내문이 표시되고, Yes를 누르면 기존 포트폴리오가 삭제되고 이 포트폴리오 데이터를 복사해서 집어 넣어. 당장 기능 구현을 위한 예시를 하나 알려줄게. Stock 80% / Bond 20% - VTI 80% - BND 20%

포트폴리오 추가해 줘. Momentum 60/40 - MTUM 60% - BND 40%

포트폴리오 추가해 줘. 올 웨더 (All Weather – Ray Dalio) - VTI 30% - TLT 40% - IEI 15% - BC 7.5% - GLD 7.5%

포트폴리오 추가해 줘. 황금나비(Golden Butterfly) - IJS 20% - VTI 20% - SHY 20% - TLT 20% - GLD 20%

포트폴리오의 구성 항목이 많은 순서로 정렬해서, 많은 종목으로 구성된 포트폴리오를 상단에 노출되 도록 해줘.

데스크톱 페이지에서는 포트폴리오 그래프가 여러 열로 보이도록 해 줘. 1열로 보니 화면에 그래프가 꽉 차서 답답해.

페이지 상단에 로그인 버튼 만들어 줘. 로그인 버튼 누르면 모달 위에서 구글 로그인 버튼 열어 주고. 로그인 이후에는 사용자의 구글 드라이브에 접근해 파일 하나 만들고, 거기에 데이터를 기록할 거야. 기록할 데이터는 사용자의 최근 검색 기록들과 현재 포트폴리오 구성이야.

구글 클라이언트 ID 발급받아 왔어. 삽입해 줘. <ID 코드>

Google app script 짜 놨어. <코드 붙여넣기> <GAS URL 붙여넣기> <API KEY 붙여넣기> 사이트에 연동해서, 사용자가 처음 로그인하면 사용자의 구글 드라이브에 파일을 만들어 주고, 이후 사용자의 최근 검색 종목들과 그 가격, 그리고 사용자 포트폴리오 정보를 구글 드라이브에 기록해 줘. 사용자가 첫 로그인이 아니면 구글 드라이브에서 정보를 불러와서 사이트에 표시해 줘.

사이트 url 뒤에 /privacy 라고 입력하면 privacy.pdf 파일을 실행해 주고, 사이트 url 뒤에 /service 라 고 입력하면 service.pdf 파일을 실행해 줘. 사이트 하단에는 개인정보처리방침, 서비스이용약관 항목 만들어주고 클릭하면 각각 /privacy, / service로 이동해 줘.