TOPIC · BUILD & LAUNCH
홈페이지·앱 직접 만들기
코딩 경험 없이 AI 코딩 도구로 홈페이지나 작은 서비스를 만들어 공개하는 과정을 기획·제작·데이터·점검 순서로 묶었습니다. 화면을 고칠 때 AI에게 정확히 말할 수 있도록 UI 요소 이름도 함께 모았습니다.
글 10편용어 10개2026년 9월 23일 정리
01 무엇을 어떻게 만들지 정하기
바이브 코딩이란? 뜻, 현실, 한계 5가지와 비개발자 시작 순서
말로 부탁해 코드를 만드는 것에서 시작하지만, 결과를 확인하는 일도 남습니다. 바이브 코딩의 가능성과 한계, 첫 작업을 고르는 방법입니다.
글 읽기 팁 & 트릭바이브 코딩 툴 추천 2026: Claude Code, Cursor, Codex, 웹빌더 비교
도구부터 결제하기 전에 만들 것 하나를 정해 보세요. Claude Code·Codex·Cursor와 웹빌더를 작업 방식에 따라 비교합니다.
글 읽기 튜토리얼비개발자를 위한 PRD 쓰는 법: 질문 여섯 개에 답하면 됩니다
AI에게 뭐라고 시켜야 할지 모르겠다면 아직 내 머릿속의 것이 문장이 아니라는 뜻입니다. 여섯 개 질문에 답해 한 장짜리 PRD를 만들고, 그것을 첫 프롬프트로 쓰는 방법.
글 읽기02 첫 페이지를 만들어 공개하기
Claude Desktop Code 탭 vs 터미널 CLI: 비개발자는 무엇으로 시작할까
터미널과 Desktop Code 탭 중 어디서 시작할지 고민된다면, 같은 작은 작업을 해보세요. 변경 확인과 작업 분리의 차이를 짚습니다.
글 읽기 튜토리얼Codex 데스크톱 앱 설치와 사용법: 내 컴퓨터에 첫 페이지 만들기까지
Codex 앱은 이제 ChatGPT 데스크톱 앱 안에 있습니다. Mac·Windows 설치와 권한 모드, 내 컴퓨터에서 여는 자기소개 페이지 한 장까지 따라갑니다.
글 읽기 튜토리얼바이브 코딩으로 첫 홈페이지 만들기: Next.js 생성부터 Vercel 배포까지
처음부터 큰 서비스를 만들 필요는 없습니다. 소개 페이지 한 장을 로컬에서 확인하고, Next.js와 Vercel로 공개하는 순서를 따라갑니다.
글 읽기03 데이터 저장 붙이기
04 공개 전에 점검하기
직접 만들어 운영한 사례
같은 방법을 운영자가 실제 일에 붙인 기록입니다.
알아 두면 AI에게 정확히 시킬 수 있는 이름
NEXT · 준비 중인 과정
첫 Pro 코스 · ChatGPT가 찾아오는 내 홈페이지
내 홈페이지를 기획·제작·공개하고 검색과 문의까지 연결하는 과정을 준비하고 있습니다.
다른 주제
Claude Code 시작하기
Claude Code 설치, 첫 세션 사용법, 요금제 고르기, CLAUDE.md 작성, MCP·스킬 설정까지 AI Creator Lab 글과 용어 가이드를 읽는 순서대로 모았습니다.
둘러보기 TOPIC · WORK AUTOMATIONAI로 반복 업무 줄이기
AI 업무 자동화 유형, 자동화 ROI 계산법, 프롬프트 구조, 회의록 워크플로와 직접 만든 운영 도구 사례를 읽는 순서대로 모았습니다.
둘러보기 TOPIC · GET FOUND홈페이지로 고객 만나기
Google Search Console·네이버 서치어드바이저 등록, ChatGPT·AI 검색이 읽는 사이트 만들기(llms.txt·구조화 데이터), 문의 폼에 첫 방문 출처를 남기는 법을 읽는 순서대로 모았습니다.
둘러보기