7-6. 금융 데이터 디비 저장
📖 상위 챕터:7장 가격 데이터 수집 지금까지 외부 FMP에서 가격 데이터를 가져오는데 성공하였습니다. 매번 외부로 부터 가격을 가져오는 것은 효율적이지 않습니다. 이와 가져 왔으면 자신이 만든 디비에 데이터를 저장하면 자신의 프로젝트에 맞게 가공하고 또한 내부에서…
8장 프론트엔드 컴포넌트: 금융 데이터의 시각화
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 “Next.js”나 “React”와 같은 프레임워크의 가장 큰 장점은 컴포넌트(Component)입니다. “재사용 코드 모음”이라고 생각하시면 됩니다. 예를 들어 웹페이지 전체에 파란색 실행 버튼이 페이지마다 빈번하게 들어간다고 가정할때 계속 페이지 마다…
8-1. 프론트엔드에 HighCharts 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 7장에서 보여지는 Line Chart는 기본적인 차트 기능만 있습니다. 금융 차트로 가장 유명한것은 트레이딩뷰의 차트이지만 기능제한 많고 무료 버전은 업데이트가 거의 없습니다. 거의 대부분의 코인가격이나 온체인 차트는 HighCharts를…
3-3. WSL2 설치 : 리얼 서버(호스팅 서버)와 같은 환경 구축
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 이전에 호스팅을 선택하고 이름(도메인)을 설정했습니다. 바로 이런 리얼서버에 접속해서 프로젝트를 실행해도 되지만 서버의 한정된 자원(메모리, 저장 공간등)과 원격접속등 여러 장애가 다가 옵니다. 그래서 로컬 컴퓨터(본인이 작업하는 컴퓨터)에 리얼…
3-5. Git: 코드 타임머신 (생존 지식)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 바이브 코딩을 하다 보면 수시로 또는 반복적으로 “아, 1시간 전으로 돌아가고 싶다”거나 “방금 수정한 코드가 왜 전체를 망가뜨렸지?”라는 순간이 반드시 옵니다. 이는 나의 무지와 AI의 할루시네이션으로 인한것으로 반드시…
4장 실전! 프로젝트 개요 및 로드맵
📂 상위 파트:[파트 1] 기초 다지기 지금 까지 잘따라오셨습니다. 이제 본격적인 바이브 코딩을 시작하겠습니다. 프로젝트에 대한 바이브 코딩을 시작하기 전에 프로젝트의 목표와 어떤 기술을 사용하는 것이 유리한지 기획하고 자산의 가격 데이터를 저장할 엑셀과 같은 데이터베이스의…
5-3. 서빙 직원 (프론트엔드): 손님이 보는 화면
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 초급 최종 차트 표시까지 거의 다 왔습니다. 마지막은 최종적으로 우리에게 화려한 차트나 테이블로 데이터 값을 보여주는 프론트엔드 순서만 남아 있습니다. 3장의 실전 맛보기 에서 이미 웹페이지를 만들어서…
6장 심화에는 어떤 내용이 추가되나?
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 파트1의 기초를 해보니 어떤가요! 코딩 문법을 몰라도 웹페이지에 차트가 표시되는 코드를 우리가 작성한것이 신기하지 않나요. AI가 대세가 되기전 그러니까 바이브 코딩이 없었을때는 구글링해서 모든 내용을 찾고 배우고…
7장 가격 데이터 수집
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 현재 postgres 디비에는 ohlcv_data테이블이 있고 여기에는 더미 데이터(임시 데이터)가 있습니다. 지금부터 실제 시장가격을 수집하여 디비에 넣는 과정을 이번 장에서 실습하겠습니다. 📋 이 챕터의 하위 글 7-1. 도커…
7-1. 도커 네트워크 설정 및 프론트엔드 추가
📖 상위 챕터:7장 가격 데이터 수집 지금까지 따라오셨다면 아래 3가지의 도커 컨테이너가 있을 것입니다. CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMESd50c7fa7f08e my-project-backend "uvicorn app.main:ap…" 25 hours ago Up 25 hours 0.0.0.0:8000->8000/tcp, [::]:8000->8000/tcp backend-api1674d640dae2 postgres:15…