5-2. 요리사 (백엔드): 데이터를 요리하는 로직
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 제가 프론트엔드를 ‘서빙 직원’과 ‘홀의 인테리어’에 비유했다면, 백엔드는 보이지 않는 곳에서 묵묵히 일하는 ‘주방과 요리사’로 비유 했습니다. 손님(사용자)이 서빙 직원(프론트엔드/React)에게 “비트코인 1년 치 차트와 20일 이동평균선 데이터…
5-1. 기억 저장소 (데이터베이스): 식재료 창고와 장부
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 창고 역할을 한다고 이야기 했던 데이터베이스(DB)는 단순한 데이터 저장소가 아닙니다. 서비스의 모든 기록을 관리하는 철저한 ‘장부’ 이자 ‘거대한 창고’입니다. 바이브 코딩에서 우리가 어떤 창고를 선택하느냐에 따라 서비스의…
2-4. 연결 : Domain DNS 설정
📖 상위 챕터:2장 시작 위치 선택(프로젝트 설치 위치) 상점 부지(Vultr IP)와 간판(Squarespace 도메인)이 준비되었다면, 이제 이 둘을 하나로 이어주어야 합니다. 그래야 사람들이 브라우저 주소창에 내 도메인을 입력했을 때 우리 서버로 찾아올 수 있습니다. 이 과정을…
3장 바이브 코딩의 시작(IDE,Docker, Git)
📂 상위 파트:[파트 1] 기초 다지기 땅을 빌렸다면 이제 어떤 상점을 지을지 설계할 차례입니다. 우리는 코인, 주식, 현물 데이터를 분석하는 ‘마켓 분석 웹앱’이라는 전문 상점을 지을 것입니다. 이 상점의 핵심 구성 요소는 다음과 같습니다. 상상해…
3-1. 무엇을 사용하고 선택할 것인가?
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 🤖 스마트 공구함 및 수석 설계사 (AI IDE): 상점 건축 만능 조수 바이브 코딩을 사용할 주요 툴이며 에서는 AI 조수입니다. 과거에는 개발자가 일일이 망치질(타이핑)을 해야 했지만, 이제는 우리가…
3-2. 우리들의 조수 AI IDE (Antigravity vs Cursor…)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 상점 부지(서버)와 간판(도메인)이 준비되었다면, 이제 실제 주방 기구들을 들여놓고 인테리어를 시작할 차례입니다. 실제 상점 인테리어에는 종합적인 도구가 있지는 않지만 코딩의 세계에는 우리가 상상하는 거의 모든 편의 도구가 있고…
2-3. 작명 : 상점 주소 선정(Domain) 및 인프라 확장
📖 상위 챕터:2장 시작 위치 선택(프로젝트 설치 위치) 상점 부지(호스팅)를 정했다면, 이제 손님들이 찾아올 수 있도록 ‘간판’을 달고 ‘주소’를 등록해야 합니다. 우리는 이것을 도메인(Domain)이라 부릅니다. 저 역시 투자 관련 마켓 분석 웹앱을 만들기 위해 firemarkets.net이라는…
2-2. 벌처(Vultr)호스팅 가입 및 가이드
📖 상위 챕터:2장 시작 위치 선택(프로젝트 설치 위치) 벌처(vultr)호스팅 가입 1️⃣ 벌처(vultr)로 이동 합니다. 2️⃣ 깃허브나 구글아이디로 가입을 합니다. 벌처(vultr)호스팅 서버 선택 및 설정 벌처(Vultr)에 로그인합니다. 1️⃣ Products를 선택 합니다. 2️⃣ Choose Server: Shared CPU…
2-1. 선택 : 프로젝트가 들어설 위치 선택
📖 상위 챕터:2장 시작 위치 선택(프로젝트 설치 위치) 바이브 코딩의 첫 단추는 내 결과물이 안정적으로 머무를 ‘땅’을 고르는 것에서 시작합니다. 현재 프로젝트의 목표는 본인이 기획한 웹사이트를 불특정 다수에게 보여주는 것이며, 이를 웹서비스라고 합니다. 상점은 현실에…
2장 시작 위치 선택(프로젝트 설치 위치)
📂 상위 파트:[파트 1] 기초 다지기 📋 이 챕터의 하위 글 2-1. 선택 : 프로젝트가 들어설 위치 선택 2-2. 벌처(Vultr)호스팅 가입 및 가이드 2-3. 작명 : 상점 주소 선정(Domain) 및 인프라 확장 2-4. 연결 :…