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…
5-1. 기억 저장소 (데이터베이스): 식재료 창고와 장부
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 창고 역할을 한다고 이야기 했던 데이터베이스(DB)는 단순한 데이터 저장소가 아닙니다. 서비스의 모든 기록을 관리하는 철저한 ‘장부’ 이자 ‘거대한 창고’입니다. 바이브 코딩에서 우리가 어떤 창고를 선택하느냐에 따라 서비스의…
5장 컨테이너 기반 초보 웹서비스 실행
📂 상위 파트:[파트 1] 기초 다지기 IDE(AI)선택과 플랫폼 및 로컬 환경을 최대한 리얼서버에 맞게 설정하였으며 실전 맛보기로 웹페이지를 도커를 이용해 작성해 봤습니다. 이제 여기에 뼈와 살을 붙이는 실질적인 바이브 코딩의 단계로 넘어가야 됩니다. 그전에 개발…
4-3. 바이브 코딩 실전: 서비스 개발 5단계 간소화 로드맵
📖 상위 챕터:4장 실전! 프로젝트 개요 및 로드맵 본격적인 실전에 앞서 우리가 앞으로 만들어갈 서비스의 전체 개발 과정을 5단계로 간소화하여 미리 살펴보겠습니다. 5장에서는 이 로드맵의 1~3단계에 해당하는 ‘기초 연결’을 맛보고, 파트 2부터는 본격적인 심화 과정과…
4-2. 프로젝트 개요 및 기술 스택
📖 상위 챕터:4장 실전! 프로젝트 개요 및 로드맵 바이브 코딩의 핵심은 정확한 지시입니다. 그러려면 자신의 환경과 사용하는 도구들에 대해 상세하게 아는 것은 실패나 오류를 줄이는 지름길입니다. 아래 모든 내용을 지금 왜 선택했는지는 차차 실습을 병행하면서…
4장 실전! 프로젝트 개요 및 로드맵
📂 상위 파트:[파트 1] 기초 다지기 지금 까지 잘따라오셨습니다. 이제 본격적인 바이브 코딩을 시작하겠습니다. 프로젝트에 대한 바이브 코딩을 시작하기 전에 프로젝트의 목표와 어떤 기술을 사용하는 것이 유리한지 기획하고 자산의 가격 데이터를 저장할 엑셀과 같은 데이터베이스의…
3-5. Git: 코드 타임머신 (생존 지식)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 바이브 코딩을 하다 보면 수시로 또는 반복적으로 “아, 1시간 전으로 돌아가고 싶다”거나 “방금 수정한 코드가 왜 전체를 망가뜨렸지?”라는 순간이 반드시 옵니다. 이는 나의 무지와 AI의 할루시네이션으로 인한것으로 반드시…