TOPIC · BUILD & LAUNCH
홈페이지·앱 직접 만들기
코딩 경험 없이 AI 코딩 도구로 홈페이지나 작은 서비스를 만들어 공개하는 과정을 기획·제작·데이터·점검 순서로 묶었습니다. 화면을 고칠 때 AI에게 정확히 말할 수 있도록 UI 요소 이름도 함께 모았습니다.
글 10편용어 10개2026년 9월 23일 정리
01 무엇을 어떻게 만들지 정하기
바이브 코딩이란? 뜻, 현실, 한계 5가지와 비개발자 시작 순서
바이브 코딩(vibe coding)은 만들고 싶은 결과를 말로 설명해 AI가 코드를 쓰게 하고 실행하며 고치는 방식입니다. 2025년 Karpathy가 붙인 이름의 뜻과 현실, 디버깅·보안·구조·비용·운영 5가지 한계, 비개발자가 시작하는 순서를 정리했습니다.
글 읽기 팁 & 트릭바이브 코딩 툴 추천 2026: Claude Code, Cursor, Codex, 웹빌더 비교
도구부터 결제하기 전에 만들 것 하나를 정해 보세요. Claude Code·Codex·Cursor와 웹빌더를 작업 방식에 따라 비교합니다.
글 읽기 튜토리얼PRD 뜻: 제품 요구사항 문서(Product Requirements Document), 항목 6가지와 작성 예시
PRD는 Product Requirements Document의 약자로, 우리말로 제품 요구사항 문서라는 뜻입니다. 무엇을 누구를 위해 왜 만들고 어떤 기능이 어떻게 동작해야 하는지 적은 문서예요. 한 줄 정의·사용자·킬러 기능·화면·입력과 출력·이번엔 안 할 것, 6가지를 한 장에 채운 예시와 그 한 장을 AI 코딩 에이전트의 첫 프롬프트로 쓰는 법을 정리했습니다.
글 읽기02 첫 페이지를 만들어 공개하기
Claude Desktop Code 탭 vs 터미널 CLI: 비개발자는 무엇으로 시작할까
터미널과 Desktop Code 탭 중 어디서 시작할지 고민된다면, 같은 작은 작업을 해보세요. 변경 확인과 작업 분리의 차이를 짚습니다.
글 읽기 튜토리얼코덱스(Codex) 데스크톱 앱 다운로드와 첫 프로젝트: Codex app으로 내 컴퓨터에 첫 페이지 만들기
코덱스(Codex) 데스크톱 앱의 공식 다운로드 위치는 chatgpt.com/download입니다. Codex는 ChatGPT 데스크톱 앱(macOS·Windows, Linux는 미리보기) 안에 있어 따로 받는 설치 파일이 없습니다. 앱에서 Codex를 고르고 빈 폴더를 열어 자기소개 페이지 한 장을 만드는 첫 프로젝트까지 따라갑니다.
글 읽기 튜토리얼바이브 코딩으로 첫 홈페이지 만들기: Next.js 생성부터 Vercel 배포까지
처음부터 큰 서비스를 만들 필요는 없습니다. 소개 페이지 한 장을 로컬에서 확인하고, Next.js와 Vercel로 공개하는 순서를 따라갑니다.
글 읽기03 데이터 저장 붙이기
04 공개 전에 점검하기
직접 만들어 운영한 사례
같은 방법을 운영자가 실제 일에 붙인 기록입니다.
알아 두면 AI에게 정확히 시킬 수 있는 이름
NEXT · 준비 중인 과정
준비 중 · ChatGPT가 찾아오는 내 홈페이지
내 홈페이지를 기획·제작·공개하고 검색과 문의까지 연결하는 과정을 준비하고 있습니다.
다른 주제
클로드 코드(Claude Code) 시작하기
클로드 코드(Claude Code) 설치, 첫 세션 사용법, 요금제와 모델 고르기, CLAUDE.md 작성, MCP·스킬 설정, 코덱스와 비교까지 AI Creator Lab 글과 용어 가이드를 읽는 순서대로 모았습니다.
둘러보기 TOPIC · CODEX코덱스(Codex) 시작하기
코덱스(Codex)는 OpenAI의 코딩 에이전트로 ChatGPT 데스크톱 앱·Codex CLI·IDE 확장·Codex Cloud에서 씁니다. 데스크톱 앱 공식 다운로드 위치, CLI 설치 명령과 오류 해결, 쓰는 곳별 사용법, ChatGPT 플랜별 요금과 모델, MCP 연결, 클로드 코드 비교를 읽는 순서대로 모았습니다.
둘러보기 TOPIC · WORK AUTOMATIONAI로 반복 업무 줄이기
AI 업무 자동화 유형, 자동화 ROI 계산법, 프롬프트 구조, 회의록 워크플로, ChatGPT Dots·메타 뮤즈·Grok Bot 같은 상시 AI 에이전트 비교와 직접 만든 운영 도구 사례를 읽는 순서대로 모았습니다.
둘러보기 TOPIC · GET FOUND홈페이지로 고객 만나기
Google Search Console·네이버 서치어드바이저 등록, ChatGPT·AI 검색이 읽는 사이트 만들기(llms.txt·구조화 데이터), 문의 폼에 첫 방문 출처를 남기는 법을 읽는 순서대로 모았습니다.
둘러보기