나만의 투자 포트폴리오 대시보드 만들어보기2(클로드코드)

나만의 투자 포트폴리오 대시보드 만들어보기2(클로드코드)

avatar
elbow98
2026.04.26조회수 1,008회

https://www.valley.town/space/@elbow98/articles/69ece7acc2e36c7d80dd62ba

1편에 이어서 2편은 기능추가 트레이딩뷰차트 불러오기/다크모드 라이트모드 변경가능하게 토글추가/보유 종목에 현금추가 가능/자산비중 손익 탭 합쳐서 보기좋게 변화



다크모드 라이트모드 변경가능한토글추가

스크린샷 2026-04-26 오후 1.16.15.png
스크린샷 2026-04-26 오후 1.28.53.png

포트폴리오 비중/손익 부분탭을 합쳐서 ui를 보기좋게변경 차트에도 퍼센트 추가하고 5%미만은 기타로 변경

스크린샷 2026-04-26 오후 1.21.29.png



주식추가하기 버튼을 보유 종목탭에 넣어서 ui 간소화시킴 현금도 추가시킴

스크린샷 2026-04-26 오후 1.20.49.png

트레이딩뷰차트를 보유종목에 연결시켜서 차트기능을 구현 미국주식만가능 한국주식은 무료플랜에서는 작동이 안되는것 같음

스크린샷 2026-04-26 오후 1.16.57.png

다크모드도 잘 작동!

스크린샷 2026-04-26 오후 1.17.02.png

전체 화면

screencapture-my-portfolio-dashboard-amber-vercel-app-dashboard-2026-04-26-13_59_47.png


다음기능:보유 종목을 기준으로 배당금 캘린더작성및 예상배당금 확인하기! api를불러와서 데이터적용을하니 서버에 바로 적용후 반응속도 빠르게하기?!

회원가입만 해도
이 글을 무료로 읽을 수 있어요.

이미 계정이 있으신가요?로그인하기
댓글 3
avatar
elbow98
구독자 46명구독중 88명
적절한 투자 수익으로 행복한 삶 영위