교육자료 · 미리보기
교육자료
AI 고급 개념, 쉬운 말로 보기
AI 도구와 바이브코딩 개념을 카드뉴스로 빠르게 확인합니다.
읽기잇티 AI 배움터
AI 개념부터 교실 아이디어까지, 보고 읽고 바로 이어가세요.
카드뉴스 · 책 · YouTube선택한 자료 모아보기
전체 자료 보기교육자료
AI 개념과 도구 사용법을 짧게 읽기
교육자료 · 미리보기
교육자료
AI 도구 사용법
ChatGPT Work, Open Minis, Gemini Spark를 도구별로 골라 실제 작업 흐름과 활용법을 카드뉴스로 봅니다.
읽기
교육자료 · 미리보기
교육자료
웹서비스, 흐름부터 보기
웹앱의 화면, 요청, 서버, 데이터베이스가 연결되는 흐름을 카드뉴스로 차근차근 봅니다.
읽기
교육자료 · 미리보기
교육자료
바로 써먹는 1장 도움 카드
맥북 팁과 AI 요청법처럼 필요할 때 바로 꺼내보는 독립 카드입니다.
읽기
교육자료 · 미리보기
교육자료
디자인 레퍼런스 보드
바이브코딩으로 화면 분위기를 요청할 때 참고할 수 있는 와이드 디자인 보드입니다.
읽기
교육자료 · 미리보기
교육자료
초등 수업자료
수업에 바로 쓰는 활동 자료를 모았습니다.
읽기
교육자료 · 미리보기
교육자료
실시간 퀴즈와 웹소켓, 실제로 이해하기
실시간 퀴즈와 웹소켓, 실제로 이해하기 자료를 카드 형태로 모아봅니다.
읽기
교육자료 · 미리보기
교육자료
AI 실행 단계의 이해
AI 실행 단계의 이해 자료를 카드 형태로 모아봅니다.
읽기
교육자료 · 미리보기
교육자료
챗지피티 work가 뭐에요?
챗지피티 work가 뭐에요? 자료를 카드 형태로 모아봅니다.
읽기
교육자료 · 미리보기
교육자료
오늘의 AI 교육자료
매일 만든 AI 교육자료 팁과 결과물을 한 쌍의 카드로 모아봅니다.
읽기
교육자료 · 미리보기
교육자료
AI 결과물을 바꾸는 프롬프트 키워드
AI 결과물의 형태·상호작용·기능·디자인을 바꾸는 프롬프트 키워드를 모아봅니다.
읽기
교육자료 · 미리보기
교육자료
AI 하네스와 에이전트 스킬
모델을 실제 업무로 연결하는 하네스·스킬·평가·안전 설계를 23장으로 읽습니다.
읽기
교육자료 · 미리보기
교육자료
AI를 만든 사람들은 미래를 어떻게 보고 있을까?
AI를 만든 사람들의 말과 생각을 따라가며 그들이 바라보는 미래를 100탄의 카드로 읽습니다.
읽기
교육자료 · 미리보기
교육자료
Claude Code 세션 협업 가이드
독립 세션을 찾고 메시지를 보내는 기본 사용법부터 인수인계·병렬 작업·회의·안전 설정까지 15장으로 따라 합니다.
읽기
교육자료 · 미리보기
교육자료
바이브코딩 실전 100: 첫 웹서비스를 끝까지
AI가 만든 화면에서 멈추지 않고, 작은 앱 하나를 고치고 연결하고 배포하는 100편의 실습 연재.
읽기
카드 이미지 · 미리보기
카드 이미지
001. 25분 집중 타이머를 직접 만들고 켜기
ChatGPT에 짧은 요청문을 넣고 받은 코드를 index.html로 저장해, 25분 집중 타이머를 브라우저에서 직접 켜봅니다. 시작·멈춤·초기화까지 확인하는 첫 실습입니다.
읽기
카드 이미지 · 미리보기
카드 이미지
002. 기본 25분에서, 내가 원하는 시간으로
001에서 만든 고정 25분 index.html에 집중 시간(분) 입력칸 하나를 추가합니다. 10을 넣으면 10:00, 50을 넣으면 50:00으로 바뀌고, 기존 시작·멈춤·초기화·이어 시작은 그대로 유지합니다.
읽기
카드 이미지 · 미리보기
카드 이미지
003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기
002에서 만든 집중 타이머를 이어서 제목, 버튼 색, Enter 동작 세 곳을 바꾸고 시작·멈춤·이어 시작·초기화와 입력 검증이 유지되는지 확인합니다.
읽기