하루 10분 바이브코딩
코딩을 몰라도 괜찮아요. 매일 10분, 바이브코딩에 꼭 필요한 단어와 원리를 하나씩 쌓아가요.
1 / 60일
카테고리별로 보기
시작하기 1 / 5
바이브코딩, AI, 코드가 뭔지
- Day 1바이브코딩이란?
- Day 2AI 모델과 LLM: 말을 알아듣는 컴퓨터곧 공개
- Day 4코드란? 컴퓨터를 위한 레시피곧 공개
- Day 46토큰과 요금: AI는 어떻게 돈을 받을까곧 공개
- Day 60졸업: 60일 용어 총정리곧 공개
AI와 대화하기 0 / 4
프롬프트, 맥락, 수정 요청하는 법
- Day 3프롬프트: AI에게 부탁하는 기술곧 공개
- Day 13맥락: AI에게 배경을 설명하기곧 공개
- Day 19CLAUDE.md: AI에게 주는 업무 안내서곧 공개
- Day 23"다시 해줘"보다 좋은 수정 요청법곧 공개
컴퓨터 기초 0 / 4
파일, 폴더, 경로, 터미널
- Day 5파일과 확장자 (.html .md .js)곧 공개
- Day 6폴더와 경로: 파일의 주소곧 공개
- Day 15터미널: 글자로 컴퓨터에게 명령하기곧 공개
- Day 16알아두면 좋은 명령어, 몰라도 되는 명령어곧 공개
웹의 원리 0 / 14
HTML·CSS·JS, 브라우저, 서버, 인터넷
- Day 8웹페이지의 세 친구 HTML·CSS·JavaScript곧 공개
- Day 9HTML: 웹페이지의 뼈대곧 공개
- Day 10CSS: 웹페이지에 옷 입히기곧 공개
- Day 11JavaScript: 웹페이지를 움직이게 하기곧 공개
- Day 12브라우저와 개발자 도구곧 공개
- Day 27내 컴퓨터(로컬)와 서버곧 공개
- Day 29인터넷의 원리: 요청과 응답곧 공개
- Day 30URL과 도메인곧 공개
- Day 32정적 사이트와 동적 사이트곧 공개
- Day 34반응형: 휴대폰에서도 잘 보이게곧 공개
- Day 39프론트엔드와 백엔드곧 공개
- Day 40API: 프로그램끼리 대화하는 창구곧 공개
- Day 54접근성: 모두가 쓸 수 있는 화면곧 공개
- Day 55이미지·아이콘·글꼴 다루기곧 공개
개발 도구 0 / 6
Claude Code, Git, GitHub, 패키지
- Day 17AI 코딩 도구의 종류: 채팅형·에디터형·에이전트형곧 공개
- Day 18Claude Code와 에이전트곧 공개
- Day 25Git: 저장 시점을 남기는 타임머신곧 공개
- Day 26GitHub: 코드의 온라인 보관함곧 공개
- Day 47라이브러리와 패키지: 남이 만든 부품 쓰기곧 공개
- Day 48오픈소스곧 공개
데이터 0 / 4
변수, JSON, 데이터베이스
- Day 36변수와 값: 이름표 붙인 상자곧 공개
- Day 37JSON: 데이터를 담는 약속된 모양곧 공개
- Day 38데이터베이스: 엑셀과 무엇이 다를까곧 공개
- Day 41Supabase 같은 서비스: 백엔드를 빌려 쓰기곧 공개
배포와 공유 0 / 2
호스팅, 링크로 공유하기
- Day 31호스팅과 배포곧 공개
- Day 33무료로 웹사이트 올리기 (Cloudflare Pages 등)곧 공개
안전과 윤리 0 / 4
비밀키, 개인정보, 저작권, AI의 실수
- Day 24할루시네이션: AI가 그럴듯하게 틀릴 때곧 공개
- Day 43API 키와 비밀번호는 왜 숨겨야 할까곧 공개
- Day 44학생 개인정보와 코딩곧 공개
- Day 45저작권과 AI가 만든 결과물곧 공개
만들기 과정 0 / 7
기획, 작게 시작하기, 디버깅, 테스트
- Day 20오류 메시지 읽는 법곧 공개
- Day 22버그와 디버깅곧 공개
- Day 50기획 먼저: 만들고 싶은 것을 글로 정리하기곧 공개
- Day 51작게 시작하기 (MVP)곧 공개
- Day 52화면 스케치 (와이어프레임)곧 공개
- Day 53테스트: 잘 되는지 확인하는 습관곧 공개
- Day 59나의 다음 프로젝트 정하기곧 공개
수업에 활용하기 0 / 10
교구 만들기 실습, 학생 수업 설계
- Day 71주 복습 + 실습: AI로 자기소개 웹페이지곧 공개
- Day 142주 복습 + 실습: 수업용 OX 퀴즈 페이지곧 공개
- Day 213주 복습 + 실습: 모둠 뽑기·타이머 교구곧 공개
- Day 284주 복습 + 실습: 만든 교구 고쳐보기곧 공개
- Day 355주 복습 + 실습: 교구를 링크로 학생에게 보내기곧 공개
- Day 426주 복습 + 실습: 학급 투표판 기획하기곧 공개
- Day 497주 복습 + 실습: 안전 점검표 만들기곧 공개
- Day 568주 복습 + 실습: 기획서로 교구 하나 완성곧 공개
- Day 57학생과 함께하는 바이브코딩 수업 설계곧 공개
- Day 58초등학생 눈높이로 AI 코딩 설명하기곧 공개