지난주 도름불러오고 있어요.
교사를 위한 AI·바이브코딩 대백과 열다섯 권
선생님들의 교육 웹앱 제작 보조
예상되는 현장 변화 보안 및 디자인 면에서 한층 더 교육적인 자료 제작
소개 주소 하나만 즐겨찾기 해 두시면 됩니다. 열다섯 권이 한 자리에 있고, 열 때마다 그 시점의 최신판이 나옵니다. ■ 무엇이 들어 있나 [처음이시면 여기부터] 01 안전 대백과 — 시작하기 전에 꼭 지킬 것 [먼저 이것부터] 02 클로드코드 대백과 — 실전 도구 모음 03 프롬프트 대백과 — 모델별 지시 문법 04 AI 모델 대백과 — 모델별 강세 대역 [만들 때 필요한 것] 05 용어 대백과 — AI 설명창에 뜨는 낯선 이름들 06 API키 대백과 — 종류·발급·요금 07 UI 대백과 — UI 컴포넌트를 이름으로 부르기 08 웹디자인 대백과 — AI 티 안 나는 디자인 09 모션그래픽 대백과 — 눈으로 보고 이름으로 시키기 10 밑그림 대백과 — 먼저 그리면 덜 고칩니다 [혼자를 넘어설 때] 11 깃허브 대백과 — 용어부터 되돌리기까지 12 작업환경 대백과 — CLI·앱·IDE 어디서 쓸까 13 CLI 대백과 — 검은 창부터 자동화까지 14 공동작업 대백과 — 깃허브로 같이 만들기 15 배포 대백과 — 만든 걸 어디에 올릴까 ■ 어디부터 읽나 순서대로 읽으실 필요는 없습니다. 다만 뒤 권이 앞 권을 자주 가리키니, 처음이시라면 첫 묶음부터 보시는 편이 수월합니다. 지금 막히신 자리로 바로 가셔도 됩니다. · 학생 정보가 든 앱을 만든다 → 안전 대백과 · 뭘 깔아야 할지 모르겠다 → 작업환경 대백과 · AI가 말하는 Next.js, npm run이 뭔지 모르겠다 → 용어 대백과 · 터미널이 낯설어 앱만 쓰고 있다 → CLI 대백과 · AI가 만든 화면이 다 비슷하다 → 웹디자인 대백과 · 화면 컴포넌트 이름을 모르겠다 → UI 대백과 · 화면에 움직임을 넣고 싶다 → 모션그래픽 대백과 · 화면부터 잡고 시작하고 싶다 → 밑그림 대백과 · 키를 어디서 받나 → API키 대백과 · 만든 걸 어디에 올리나 → 배포 대백과 · 사고 난 걸 되돌리고 싶다 → 깃허브 대백과 ■ 왜 인쇄본이 아니라 웹인가 요금표와 모델 이름이 몇 주 만에 바뀝니다. 매주 월요일에 각 권에서 가장 빨리 낡는 대목을 다시 확인하고 고쳐 올립니다. 본문의 숫자에는 언제 확인한 값인지 조회일을 적어 두었습니다. 내려받아 두신 파일은 받은 날짜에 멈춰 있습니다. 이 주소는 안 멈춥니다. ■ 읽으실 때 알아 두실 것 · 요금이나 한도처럼 틀리면 손해가 되는 값은 각 회사 공식 문서를 열어 확인하고 그 주소를 남겼습니다. 확인하지 못한 것은 확인하지 못했다고 적었습니다. · 여기 나오는 도구 상당수가 국외 사업자의 서비스입니다. 학생 이름·연락처·성적이 든 자료를 다루실 때는 안전 대백과를 먼저 보시고 소속 기관의 지침을 따르시기 바랍니다. · 각 권은 따로 열리고 따로 인쇄됩니다. 휴대폰에서도 열립니다. 틀린 곳을 찾으시면 댓글로 알려 주세요. 다음 점검에 반영합니다.
10월 3차 업데이트 — 열다섯 번째 권, UI 대백과 · 새 권 UI 대백과: 햄버거 메뉴, 드로어, 모달, 토스트, HUD, 미니맵처럼 웹앱 화면에 놓이는 컴포넌트 82가지를 카드 한 장씩으로 정리했습니다. 카드마다 직접 눌러 보는 예시와 AI에게 그대로 붙여 넣을 문장이 있습니다. · 맨 앞 「화면 지도」: 학급 앱, 관리 화면, 게임 화면, 그림 편집 도구 네 화면에서 부분을 누르면 그 이름이 나옵니다. · 웹디자인 대백과의 「UI 용어」 장은 UI 대백과로 옮겼습니다. 웹디자인 대백과에는 안내와 목록만 남았습니다. · 시리즈 전체 용어 정리: 억지로 우리말로 옮긴 말을 AI와 도구 화면에 실제로 나오는 용어로 바꿨습니다. 부품 → 컴포넌트, 뼈대 → 프레임, 견본 → 예시, 만드는 틀 → 프레임워크, 승인 모드 → 권한 모드처럼요.
도름스 링크로 공유하면 출처와 이용 범위 안내가 함께 전해지므로 자유롭게 공유할 수 있습니다.
도름스 공식 카드뉴스로 앱을 소개할 때는 운영자가 지정한 카드뉴스 제작 교사가 도름스 내의 앱 설명과 사진을 AI 도구로 정리할 수 있으며, 앱 주소·접속 정보·설치 방법은 싣지 않습니다.
제작·권리자 도쌤 · 안내 버전 1 · 26.09.05 14:56
허용5가지
먼저 허락4가지
허용 안 함3가지
출처표시 제작: 도쌤 · 원본: DoRms 앱 페이지
아직 활용 후기가 없어요.
댓글 21