AI 도구 생태계와 CLI를 활용해, 비개발자도 자기만의 사이트를 직접 만들고 이후에도 스스로 수정·운영할 수 있는 능력을 기르는 무료 학습 공간입니다. 레벨별 수련으로 한 단계씩 실력을 올려보세요.
단발성 결과물을 만드는 것이 아니라, 본인이 AI에게 정확히 지시하고 결과를 이해하며 수정·확장할 수 있는 능력을 길러드립니다. 외부 빌더에 의존하지 않습니다.
Claude·Cursor·터미널·VS Code 등 실제 개발자도 쓰는 표준 AI 도구만으로 진행합니다. 한 번 익히면 어떤 작업에도 응용할 수 있습니다.
v0.dev처럼 자동 생성된 결과물을 ‘받는’ 것이 아니라, 본인의 폴더 안에 본인의 코드로 만들어 직접 배포한 사이트가 결과물입니다.
4주 동안 가장 중요한 것은 수료 후에도 “수정 → 배포”를 혼자서 반복할 수 있는 사이클을 익히는 것입니다.
단순히 읽고 끝나는 정보가 아니라, 한 단계씩 수준을 올릴 수 있는 구조입니다. 레벨 카테고리마다 챕터가 있고, 각 챕터에서 핵심을 익힌 뒤 퀴즈를 풀면 경험치(XP)가 쌓여 레벨이 오릅니다. 로그인하면 내 레벨과 진행 상황이 계정에 저장돼 언제든 이어서 수련할 수 있습니다.
AI 도구와 터미널(CLI)에 익숙해지고, 내 사이트를 인터넷에 직접 띄웁니다. 5개 챕터 · 챕터별 이해도 퀴즈.
디자인 토큰과 Tailwind로 한 단계 정교한 사이트를 만듭니다. 4개 챕터 · 디자인 감각을 코드로.
Git·API·데이터베이스로 간단한 서비스를 직접 만듭니다. 4개 챕터 · 정적 사이트를 넘어서.
바이브 코딩과 AI 도구를 처음 만나는 분들을 위한 깊이있는 가이드 20편. 한 편당 5~8분, 읽기만 해도 흐름이 잡히도록 비개발자 기준으로 풀어냈습니다.
코딩이 아닌, AI에게 정확히 지시하는 능력. 단어의 정의부터 다시 짚어봅니다.
자세히 보기 →AI가 알아듣는 문장에는 4가지 조건이 있습니다. 비개발자 기준으로 풀어봤어요.
자세히 보기 →Claude·ChatGPT·Cursor·Gemini, 비개발자 입장에서 진짜 차이는 어디일까.
자세히 보기 →까만 창이 무서운 분께. 외워야 할 명령은 사실 8개뿐입니다.
자세히 보기 →'좀 더 예쁘게' 같은 모호한 지시는 왜 항상 빗나갈까. 좋은 프롬프트 템플릿.
자세히 보기 →v0.dev·Webflow AI로 만든 사이트, 왜 두 달 뒤에 못 고치게 될까.
자세히 보기 →Netlify Drop과 Cloudflare Pages, 정말 무료로 끝까지 갈 수 있을까.
자세히 보기 →CSS를 처음 보는 분도 30분이면 '예쁜 사이트'의 70%를 잡습니다.
자세히 보기 →홈페이지 외주 600만원 vs. 본인 운영. 진짜 비용을 계산해봤습니다.
자세히 보기 →AI가 만들어준 코드, 그대로 붙여넣어도 될까. 위험 신호 7가지.
자세히 보기 →혼자서 익히는 단계별 순서. 도구 선택부터 작은 프로젝트 완성, 막힐 때 빠져나오는 법까지.
자세히 보기 →자유도·학습곡선·한계·비용을 비교하고, 내 상황에 맞는 선택 기준을 정리했습니다.
자세히 보기 →코딩을 몰라도 GPT에게 단계별로 지시해 동작하는 웹앱을 만드는 전 과정.
자세히 보기 →원하는 결과를 안정적으로 얻어내는 프롬프트 작성의 다섯 가지 핵심 원칙.
자세히 보기 →Cursor 핵심 단축키를 Mac/Windows로 나눠 정리. AI 기능·편집을 빠르게.
자세히 보기 →입문자가 따져야 할 메모리·저장공간·화면·운영체제 기준 장비 가이드.
자세히 보기 →저장소·커밋·푸시·풀 개념부터 첫 저장소 만들기, 협업 흐름까지 단계별로.
자세히 보기 →API 키 발급법과, 절대 노출하면 안 되는 이유, 안전하게 보관하는 습관.
자세히 보기 →환각·맥락 한계·보안 빈틈. 비개발자가 알아야 할 한계와 현실적 대처법.
자세히 보기 →보장 대신 현실. 가치가 돈으로 바뀌는 구조와 흔한 착각을 짚었습니다.
자세히 보기 →수련을 시작하기 전에 미리 ‘좋은 프롬프트’를 연습해보세요. 작성한 내용은 본인 브라우저에만 저장되며 서버로 전송되지 않습니다.
5가지 질문으로 나의 시작 레벨을 진단해드립니다. 결과는 어디에도 저장되지 않으며 본인만 보십니다.
본격적인 수련에 앞서 다음 7가지를 미리 준비해두시면 진행 속도가 두 배가 됩니다. 체크는 본인 기기에만 저장됩니다.
⌘ 체크는 본인 기기 브라우저(localStorage)에만 남으며, 다른 사람·서버에 전송되지 않습니다.