[라이브 빌드] 바이브코딩으로 학습자료 HTML 제작 스킬 만들기

강의 안내

• 일시: 2026년 9월 19일(토) 오후 9시~11시
• 진행 방식: Zoom 실시간 강의
• 강의 시간: 120분
• 수강료: 무료
• 대상: 바이브코딩으로 수업 자료 제작 과정을 정리하고, 다음 수업에도 다시 쓸 수 있는 스킬로 만들고 싶은 교사
• 진행자: 1000쌤

한 번 만든 학습자료, 다음 수업에서도 다시 쓸 수 있게

AI에게 바이브코딩으로 활동지 한 장을 만드는 일은 어렵지 않습니다. 문제는 다음 수업에서 비슷한 자료가 필요할 때마다 요구 사항과 디자인 기준을 다시 설명해야 한다는 점입니다.

이번 라이브에서는 A4 학습자료를 만드는 과정을 한 번의 결과물로 끝내지 않고, 반복해서 사용할 수 있는 제작 스킬로 정리합니다. 어떤 자료를 넣어도 수업 목적과 인쇄 조건을 놓치지 않도록 지침을 세우고, HTML과 PDF 결과물을 검증하는 흐름까지 함께 살펴봅니다.

이번 라이브에서 다룹니다

1. 학습자료의 목적과 산출물 기준 정하기

   수업 주제, 학습 시간, 학생 활동과 최종 산출물을 먼저 정리합니다.

2. A4 인쇄에 맞는 HTML 구조 만들기

   화면용 웹페이지와 인쇄용 학습자료의 차이를 이해하고, 페이지 크기와 여백, 글자 위계를 설계합니다.

3. 반복 업무를 스킬 지침으로 바꾸기

   자료 구성 원칙과 금지 사항, 입력·출력 조건을 다음 작업에서도 재사용할 수 있도록 정리합니다.

4. 렌더링 결과를 검증하고 수정하기

   HTML과 PDF에서 잘림, 넘침, 가독성 문제를 확인하고 수정 기준을 남깁니다.

5. 내 과목과 수업 방식에 맞게 확장하기

   완성된 구조를 과목, 활동 유형과 인쇄 환경에 맞게 조정하는 방법을 살펴봅니다.

이런 선생님께 추천합니다

• AI로 학습자료를 만들고 있지만 매번 처음부터 설명하고 있는 선생님
• HTML 활동지를 만들었으나 A4 인쇄에서 잘림이나 글자 크기 문제를 겪은 선생님
• 자신만의 수업 자료 구성 원칙을 재사용 가능한 스킬로 정리하고 싶은 선생님
• 완성된 파일뿐 아니라 제작·검수 과정을 함께 설계하고 싶은 선생님

라이브에서 완성할 것

• A4 HTML/PDF 학습자료 제작 흐름
• 반복해서 사용할 수 있는 스킬의 기본 구조
• 인쇄 결과를 확인하는 검수 기준
• 내 수업에 맞게 수정할 수 있는 출발점

결과물을 빠르게 만드는 것만큼 중요한 것은 다음 작업에서도 같은 기준을 유지하는 일입니다. 이번 라이브에서는 학습자료 제작 과정을 스킬로 정리하며, 한 번 만든 기준을 계속 활용하는 방법을 함께 다룹니다.