반응형 분류 전체보기522 Build Log #6: 도메인 구매부터 사이트 연결까지 지금까지의 과정을 정리하면 이렇습니다.개인 PC에서 AI(Claude Code)로 코드를 만들고, Git을 이용하여 GitHub 서버에 올리고, Cloudflare Pages에서 코드를 웹사이트로 변환하여 전 세계 서버에 배포했습니다.그런데 한 가지가 남았습니다. 도메인입니다.도메인이 왜 필요한가?Cloudflare Pages에 배포하면 기본적으로 두 가지 주소가 생깁니다.aicraftlog.pages.dev — Cloudflare가 무료로 제공하는 기본 도메인aicraftlog.com — 직접 구매한 도메인aicraftlog.pages.dev로도 웹사이트에 접속할 수 있습니다. 기능적으로는 완전히 동일합니다.하지만 우리가 평소에 방문하는 웹사이트를 떠올려보면, 대부분 .com으로 끝나는 주소를 사용합니.. 2026. 3. 2. Build Log #5: AI가 만든 코드, 어떻게 세상에 공개할까? 이전 글에서 24개의 프롬프트로 블로그를 만드는 과정을 보여드렸습니다.그런데 한 가지 의문이 생깁니다."만들어진 코드는 내 PC에만 있잖아. 다른 사람들은 어떻게 내 블로그에 들어오지?"이번 글에서는 그 과정을 설명합니다.먼저, 지금 상황을 정리하면Claude Code가 코드를 만들어줬고, 그 코드는 제 PC 안에 있습니다.C:\Users\toby\aicraftlog\├── src/ ← 블로그 소스 코드├── content/ ← 블로그 글 (마크다운 파일)├── public/ ← 이미지, 로고├── package.json ← 프로젝트 설정└── ...이 상태에서는 제 PC에서만 블로그가 보입니다. 전 세계 사람들이 aicraftlog.com에 접속하려면, 이 코드를 .. 2026. 3. 1. Build Log #4: 블로그를 완성한 24개의 프롬프트 전체 공개 이전 글에서 Claude Code를 설치하고 첫 번째 명령을 내리는 것까지 보여드렸습니다.이번 글에서는 제가 실제로 aicraftlog.com을 완성하기까지, 어떤 명령을 어떤 순서로 내렸는지를 전부 공개합니다.프롬프트의 핵심: 잘 시키는 것보다, 잘 보여주는 것AI에게 명령을 내리는 것, 즉 프롬프트는 중요합니다.하지만 긴 글로 설명하는 것보다, 마음에 드는 블로그를 캡처해서 보여주는 것이 훨씬 효과적입니다.AI는 이미지를 분석해서 레이아웃, 색감, 구조를 한번에 파악합니다. 백 마디 설명보다 한 장의 스크린샷이 낫습니다.실제로 제가 한 방법1단계: 마음에 드는 블로그를 찾아서 화면을 캡처합니다.2단계: 캡처한 이미지를 Claude Code 터미널에 Drag & Drop 하고, 이렇게 명령합니다:나 이.. 2026. 3. 1. # Build Log #3AI로 블로그 홈페이지 만들기 — Claude Code 설치 및 시작 가이드 Build Log #3: AI를 이용하여 블로그 만들기웹 개발 경험 제로인 임베디드 개발자가, AI에게 명령해서 블로그를 만듭니다.이번 글에서는 어떤 AI 도구를 선택했고, 어떻게 설치하고, 어떤 명령을 내렸는지까지를 정리합니다.AI의 대표 3대장AI의 대표 3사는 아래와 같습니다.Open AI사의 Chat GPTGoogle사의 GeminiAnthropic 사의 Claude아마도 많은 분들이 AI Chat 기능을 사용하여 궁금한 부분을 많이 물어봤을 것입니다. 그런데 단순히 Chat 기능을 떠나 AI에게 명령을 하면 웹 또는 앱과 같은 생성물을 만들어 주는 기능이 있습니다.예를 들어 Claude는 조언을 해주는 컨설턴트의 역할을 수행하고, Claude Code는 직접 무언가를 만들어 주는 개발자라고 보시.. 2026. 3. 1. 이전 1 2 3 4 ··· 131 다음 반응형
