5-2. 요리사 (백엔드): 데이터를 요리하는 로직
📖 상위 챕터:5장 컨테이너 기반 초보 웹서비스 실행 제가 프론트엔드를 ‘서빙 직원’과 ‘홀의 인테리어’에 비유했다면, 백엔드는 보이지 않는 곳에서 묵묵히 일하는 ‘주방과 요리사’로 비유 했습니다. 손님(사용자)이 서빙 직원(프론트엔드/React)에게 “비트코인 1년 치 차트와 20일 이동평균선 데이터…
3-3. WSL2 설치 : 리얼 서버(호스팅 서버)와 같은 환경 구축
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 이전에 호스팅을 선택하고 이름(도메인)을 설정했습니다. 바로 이런 리얼서버에 접속해서 프로젝트를 실행해도 되지만 서버의 한정된 자원(메모리, 저장 공간등)과 원격접속등 여러 장애가 다가 옵니다. 그래서 로컬 컴퓨터(본인이 작업하는 컴퓨터)에 리얼…
3-5. Git: 코드 타임머신 (생존 지식)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 바이브 코딩을 하다 보면 수시로 또는 반복적으로 “아, 1시간 전으로 돌아가고 싶다”거나 “방금 수정한 코드가 왜 전체를 망가뜨렸지?”라는 순간이 반드시 옵니다. 이는 나의 무지와 AI의 할루시네이션으로 인한것으로 반드시…
4장 실전! 프로젝트 개요 및 로드맵
📂 상위 파트:[파트 1] 기초 다지기 지금 까지 잘따라오셨습니다. 이제 본격적인 바이브 코딩을 시작하겠습니다. 프로젝트에 대한 바이브 코딩을 시작하기 전에 프로젝트의 목표와 어떤 기술을 사용하는 것이 유리한지 기획하고 자산의 가격 데이터를 저장할 엑셀과 같은 데이터베이스의…
3-4. 바이브 코딩 핵심 인프라 도커(Docker)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 앞서 호스팅 및 도메인 연결 그리고 IDE와 WSL까지 선택하고 설치 했다면 이제 본격적으로 바이브 코딩할 거의 모든 여건이 마련된거나 마찬가지 입니다. 실전 학습은 WSL2이란 윈도우 11기반의 가상환경(Ubuntu 24.0)에…
3-1. 무엇을 사용하고 선택할 것인가?
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 🤖 스마트 공구함 및 수석 설계사 (AI IDE): 상점 건축 만능 조수 바이브 코딩을 사용할 주요 툴이며 에서는 AI 조수입니다. 과거에는 개발자가 일일이 망치질(타이핑)을 해야 했지만, 이제는 우리가…
3장 바이브 코딩의 시작(IDE,Docker, Git)
📂 상위 파트:[파트 1] 기초 다지기 땅을 빌렸다면 이제 어떤 상점을 지을지 설계할 차례입니다. 우리는 코인, 주식, 현물 데이터를 분석하는 ‘마켓 분석 웹앱’이라는 전문 상점을 지을 것입니다. 이 상점의 핵심 구성 요소는 다음과 같습니다. 상상해…
2-4. 연결 : Domain DNS 설정
📖 상위 챕터:2장 시작 위치 선택(프로젝트 설치 위치) 상점 부지(Vultr IP)와 간판(Squarespace 도메인)이 준비되었다면, 이제 이 둘을 하나로 이어주어야 합니다. 그래야 사람들이 브라우저 주소창에 내 도메인을 입력했을 때 우리 서버로 찾아올 수 있습니다. 이 과정을…
3-2. 우리들의 조수 AI IDE (Antigravity vs Cursor…)
📖 상위 챕터:3장 바이브 코딩의 시작(IDE,Docker, Git) 상점 부지(서버)와 간판(도메인)이 준비되었다면, 이제 실제 주방 기구들을 들여놓고 인테리어를 시작할 차례입니다. 실제 상점 인테리어에는 종합적인 도구가 있지는 않지만 코딩의 세계에는 우리가 상상하는 거의 모든 편의 도구가 있고…
2-3. 작명 : 상점 주소 선정(Domain) 및 인프라 확장
📖 상위 챕터:2장 시작 위치 선택(프로젝트 설치 위치) 상점 부지(호스팅)를 정했다면, 이제 손님들이 찾아올 수 있도록 ‘간판’을 달고 ‘주소’를 등록해야 합니다. 우리는 이것을 도메인(Domain)이라 부릅니다. 저 역시 투자 관련 마켓 분석 웹앱을 만들기 위해 firemarkets.net이라는…