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)에만 저장되며, 서버나 다른 사람에게 절대 전송되지 않습니다.