Workshop 및 스테이션
TeachFORGE.ai
Workshop / 코드 샌드박스
코드 샌드박스 스테이션
즉시 출력으로 JavaScript, Python, HTML을 쓰고 실행하세요 — 코드를 실시간으로 시연하고 다시 열 수 있는 예를 두는 안전한 자리.
AI가 초안을 작성할 수 있습니다. 교실에 무엇을 보여줄지는 여러분이 결정합니다.
코드 샌드박스란
코드 샌드박스는 수업용 브라우저 코드 실행기입니다. JavaScript 또는 Python(Pyodide 경유)을 쓰고 콘솔 출력을 즉시 보거나, HTML 문서 미리보기를 실행하세요 — Run을 누르고, 결과를 보고, 다음을 위해 예를 두세요.
설정이 방해하면 데모가 죽기 때문에 중요합니다. 여기서 요점은 스니펫과 출력이지, 들뜬 반 앞에서 도구 체인을 설치하는 것이 아닙니다.
교사가 코드 샌드박스를 쓰는 이유
즉시 JS·Python 데모
Workshop을 떠나지 않고 스크립트와 콘솔 출력을 보이세요.
HTML 알고리즘 시각
과정이 보이게 하는 정렬과 캔버스 템플릿 — 인쇄물만이 아닙니다.
빠른 데이터 스니펫
숫자 이야기가 빨리 필요할 때 작은 분석 스크립트.
작은 인터랙티브 퀴즈
짧은 인출 활동에 맞게 다시 빚을 수 있는 HTML 시작점.
TeachForge에서 코드 샌드박스는 HTML / CSS / JS의 실행-콘솔 형제입니다 — 조각에는 샌드박스를, 단계별 페이지 작성에는 HTML / CSS / JS를 고르세요.
코드 샌드박스 스테이션 내부
Workshop의 나머지처럼 이 스테이션은 소스와 결과를 가깝게 둡니다 — 의도적인 Run 단계와 함께.
- 언어 알약 JavaScript, Python(Pyodide), HTML용
- 실행→미리보기 콘솔 출력 또는 HTML iframe 결과와 함께
- 언어별로 필터된 템플릿 스타터가 선택한 모드와 맞도록
- 소스 다운로드 파일을 기기에 두고 싶을 때
- 언어 + 코드 JSON으로 저장 어디서나 다시 열기용
- 공유와 Workshop 크롬 다른 스테이션과 일관되게
스니펫이 결과가 되는 과정
언어를 고르고 템플릿을 불러오거나 코드를 입력하세요
한 호흡에 가르칠 수 있을 만큼 예를 작게 두세요.
Run 누르기
필요할 때 Python은 Pyodide를 불러옵니다; JS와 HTML 미리보기는 즉시입니다.
저장, 다운로드 또는 재사용
다음 그룹을 위해 조각을 두거나, 나중에 더 완전한 스테이션으로 아이디어를 가져가세요.
스니펫 하나. 모든 수업 버전.
코드 샌드박스는 의도적으로 가볍습니다: 재사용은 다음에서 옵니다 언어 템플릿 및 저장된 언어 + 코드 JSON, 큰 매개변수 카탈로그에서가 아닙니다. 그것이 요점입니다 — 다시 열 수 있는 빠른 데모이지, 두 번째 페이지 작성 스테이션이 아닙니다.
가르치면서 바꾸기
한 줄을 고치고 Run을 눌러 무엇이 바뀌었는지 보이세요.
예시는 유지하고 과제를 바꾸기
내일 반은 같은 골격에 더 어려운 비틀기로 만날 수 있습니다.
휴대성 유지
소스를 다운로드하거나, 다음에 가르치는 곳에서 JSON을 다시 여세요.
필요할 때 진급
단계, 테마, 독립 내보내기가 Run보다 중요할 때 HTML / CSS / JS로 옮기세요.
따라 만들기 단계와 매개변수 페이지 변수가 필요하면 HTML / CSS / JS를 여세요. 코드 샌드박스는 빠른 실행기로 남습니다.
시작할 준비가 된 스니펫
언어 템플릿을 열고 다시 다듬기:
| 면적 | 열 수 있는 것 |
|---|---|
| JavaScript | 헬로 세계; 데이터 분석; 재귀 탐험기; 기하 계산기 |
| Python | 헬로 세계; 정수론 |
| HTML | 인터랙티브 캔버스; 정렬 시각화; 인터랙티브 퀴즈 |
AI 도움, 원하는 방식으로
초안이 필요하신가요? AI를 보조로 쓴 뒤 — 학습자에게 닿기 전에 검토·편집·승인하세요.
프롬프트 복사
준비된 프롬프트를 만들어 이미 쓰는 채팅 도구에 붙여넣으세요.
내 GPU 사용
설정에서 로컬 모델 엔드포인트를 연결하고 여러분이 제어하는 하드웨어에서 생성을 실행하세요.
내 API 키 사용
설정에 공급자 키를 넣고 모델을 고른 뒤 내 계정으로 생성하세요.
AI는 틀릴 수 있습니다. 그래서 교사가 루프에 남습니다.
수업이 일어나는 곳으로 스니펫 가져가기
- Whiteboard — 라이브 보드에 놓고 교실 앞에서 조정하세요
- Quest Ladder — 문항과 설명에 넣으세요
- Virtual Lab — 인터랙티브 랩 작업에서 재사용하세요
- 커뮤니티 — 만든 것을 공유하고 다른 교육자가 공유한 것을 바탕으로 만드세요