마인드 캔버스

수업 설계할 때마다 메모는 여기, PPT는 저기, 마인드맵은 또 다른 앱… 이런 분리를 줄이고 싶어 MindCanvas를 만들었습니다. 🧠MindCanvas란? 브라우저만 있으면 바로 쓰는 마인드맵 기반 수업 준비·노트 웹앱입니다. 개념 정리, 차시 설계, 발표까지 하나의 캔버스에서 이어집니다. 🧑‍🏫교사에게 특히 쓸 만한 점 수업 템플릿 8종 — 빈 화면부터 헤매지 않고 구조부터 잡기 노드 + 상세 노트 — 체크리스트·링크·이미지까지 노드에 붙이기 발표 모드 — 발표 순서를 정하고, 수업 중에 단계적으로 공개 내보내기 — PNG / PDF / JSON으로 보관·인쇄·백업 단축키 중심 — Tab(하위), Enter(형제)로 빠르게 가지치기 📝이렇게 써보세요 홈에서 수업 설계 또는 새 마인드맵 선택 더블클릭 / Tab / Enter로 구조를 그리기 오른쪽 패널에 수업 멘트·활동·자료를 정리 발표 순서를 만들고 발표로 진행 필요하면 PNG·PDF·JSON으로 저장 🤖기술적으로 (바이브코딩 관점) HTML / CSS / JS만 사용 (빌드·프레임워크 없음) 캔버스 팬·줌, 계층 연결선, 실행취소, 로컬 저장까지 한 파일(scripts.js)에 담김 PNG/PDF만 CDN 라이브러리 사용 (오프라인에서도 편집·JSON 백업은 가능) 🔗링크 GitHub: https://github.com/wanyeok96-web/mindcanvas 문의: wanyeok96@gmail.com 교실에서 “한 장으로 수업을 그려보는” 도구로 써보시고, 개선 아이디어나 버그도 편하게 알려 주세요. 같이 다듬어 가면 좋겠습니다. 감사합니다!