5-3. 서빙 직원 (프론트엔드): 손님이 보는 화면
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 초급 최종 차트 표시까지 거의 다 왔습니다. 마지막은 최종적으로 우리에게 화려한 차트나 테이블로 데이터 값을 보여주는 프론트엔드 순서만 남아 있습니다. 3장의 실전 맛보기 에서 이미 웹페이지를 만들어서…
5-2. 요리사 (백엔드): 데이터를 요리하는 로직
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 제가 프론트엔드를 ‘서빙 직원’과 ‘홀의 인테리어’에 비유했다면, 백엔드는 보이지 않는 곳에서 묵묵히 일하는 ‘주방과 요리사’로 비유 했습니다. 손님(사용자)이 서빙 직원(프론트엔드/React)에게 “비트코인 1년 치 차트와 20일 이동평균선 데이터…
5-1. 기억 저장소 (데이터베이스): 식재료 창고와 장부
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 창고 역할을 한다고 이야기 했던 데이터베이스(DB)는 단순한 데이터 저장소가 아닙니다. 서비스의 모든 기록을 관리하는 철저한 ‘장부’ 이자 ‘거대한 창고’입니다. 바이브 코딩에서 우리가 어떤 창고를 선택하느냐에 따라 서비스의…
5장 컨테이너 기반 초보 웹서비스 실행
📂 상위 파트:[파트 1] 기초 다지기 IDE(AI)선택과 플랫폼 및 로컬 환경을 최대한 리얼서버에 맞게 설정하였으며 실전 맛보기로 웹페이지를 도커를 이용해 작성해 봤습니다. 이제 여기에 뼈와 살을 붙이는 실질적인 바이브 코딩의 단계로 넘어가야 됩니다. 그전에 개발…
4-3. 바이브 코딩 실전: 서비스 개발 5단계 간소화 로드맵
📖 상위 챕터:4장 실전! 프로젝트 개요 및 로드맵 본격적인 실전에 앞서 우리가 앞으로 만들어갈 서비스의 전체 개발 과정을 5단계로 간소화하여 미리 살펴보겠습니다. 5장에서는 이 로드맵의 1~3단계에 해당하는 ‘기초 연결’을 맛보고, 파트 2부터는 본격적인 심화 과정과…
4-2. 프로젝트 개요 및 기술 스택
📖 상위 챕터:4장 실전! 프로젝트 개요 및 로드맵 바이브 코딩의 핵심은 정확한 지시입니다. 그러려면 자신의 환경과 사용하는 도구들에 대해 상세하게 아는 것은 실패나 오류를 줄이는 지름길입니다. 아래 모든 내용을 지금 왜 선택했는지는 차차 실습을 병행하면서…
4-1. 프로젝트 목표 및 핵심 기능
📖 상위 챕터:4장 실전! 프로젝트 개요 및 로드맵 목표 자산의 과거 데이터 및 거시 경제 지표를 바탕으로 미래 시장의 흐름을 예측하고, 투자자에게 강력한 인사이트(자산 상품 개발 및 분석)를 제공 대상 자산 주식(Stocks), 암호화폐(Crypto)와 추가적으로 원자재(Commodities),…
4장 실전! 프로젝트 개요 및 로드맵
📂 상위 파트:[파트 1] 기초 다지기 지금 까지 잘따라오셨습니다. 이제 본격적인 바이브 코딩을 시작하겠습니다. 프로젝트에 대한 바이브 코딩을 시작하기 전에 프로젝트의 목표와 어떤 기술을 사용하는 것이 유리한지 기획하고 자산의 가격 데이터를 저장할 엑셀과 같은 데이터베이스의…
3-5. Git: 코드 타임머신 (생존 지식)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 바이브 코딩을 하다 보면 수시로 또는 반복적으로 “아, 1시간 전으로 돌아가고 싶다”거나 “방금 수정한 코드가 왜 전체를 망가뜨렸지?”라는 순간이 반드시 옵니다. 이는 나의 무지와 AI의 할루시네이션으로 인한것으로 반드시…
3-4. 바이브 코딩 핵심 인프라 도커(Docker)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 앞서 호스팅 및 도메인 연결 그리고 IDE와 WSL까지 선택하고 설치 했다면 이제 본격적으로 바이브 코딩할 거의 모든 여건이 마련된거나 마찬가지 입니다. 실전 학습은 WSL2이란 윈도우 11기반의 가상환경(Ubuntu 24.0)에…