5-1. 기억 저장소 (데이터베이스): 식재료 창고와 장부
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 창고 역할을 한다고 이야기 했던 데이터베이스(DB)는 단순한 데이터 저장소가 아닙니다. 서비스의 모든 기록을 관리하는 철저한 ‘장부’ 이자 ‘거대한 창고’입니다. 바이브 코딩에서 우리가 어떤 창고를 선택하느냐에 따라 서비스의…
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…
7장 가격 데이터 수집
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 현재 postgres 디비에는 ohlcv_data테이블이 있고 여기에는 더미 데이터(임시 데이터)가 있습니다. 지금부터 실제 시장가격을 수집하여 디비에 넣는 과정을 이번 장에서 실습하겠습니다. 📋 이 챕터의 하위 글 7-1. 도커…
6장 심화에는 어떤 내용이 추가되나?
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 파트1의 기초를 해보니 어떤가요! 코딩 문법을 몰라도 웹페이지에 차트가 표시되는 코드를 우리가 작성한것이 신기하지 않나요. AI가 대세가 되기전 그러니까 바이브 코딩이 없었을때는 구글링해서 모든 내용을 찾고 배우고…
5-3. 서빙 직원 (프론트엔드): 손님이 보는 화면
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 초급 최종 차트 표시까지 거의 다 왔습니다. 마지막은 최종적으로 우리에게 화려한 차트나 테이블로 데이터 값을 보여주는 프론트엔드 순서만 남아 있습니다. 3장의 실전 맛보기 에서 이미 웹페이지를 만들어서…
5-2. 요리사 (백엔드): 데이터를 요리하는 로직
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 제가 프론트엔드를 ‘서빙 직원’과 ‘홀의 인테리어’에 비유했다면, 백엔드는 보이지 않는 곳에서 묵묵히 일하는 ‘주방과 요리사’로 비유 했습니다. 손님(사용자)이 서빙 직원(프론트엔드/React)에게 “비트코인 1년 치 차트와 20일 이동평균선 데이터…
3-4. 바이브 코딩 핵심 인프라 도커(Docker)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 앞서 호스팅 및 도메인 연결 그리고 IDE와 WSL까지 선택하고 설치 했다면 이제 본격적으로 바이브 코딩할 거의 모든 여건이 마련된거나 마찬가지 입니다. 실전 학습은 WSL2이란 윈도우 11기반의 가상환경(Ubuntu 24.0)에…
3-2. 우리들의 조수 AI IDE (Antigravity vs Cursor…)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 상점 부지(서버)와 간판(도메인)이 준비되었다면, 이제 실제 주방 기구들을 들여놓고 인테리어를 시작할 차례입니다. 실제 상점 인테리어에는 종합적인 도구가 있지는 않지만 코딩의 세계에는 우리가 상상하는 거의 모든 편의 도구가 있고…
3-1. 무엇을 사용하고 선택할 것인가?
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 🤖 스마트 공구함 및 수석 설계사 (AI IDE): 상점 건축 만능 조수 바이브 코딩을 사용할 주요 툴이며 에서는 AI 조수입니다. 과거에는 개발자가 일일이 망치질(타이핑)을 해야 했지만, 이제는 우리가…
3장 바이브 코딩의 시작(IDE,Docker, Git)
📂 상위 파트:[파트 1] 기초 다지기 땅을 빌렸다면 이제 어떤 상점을 지을지 설계할 차례입니다. 우리는 코인, 주식, 현물 데이터를 분석하는 ‘마켓 분석 웹앱’이라는 전문 상점을 지을 것입니다. 이 상점의 핵심 구성 요소는 다음과 같습니다. 상상해…