컨텐츠 내용
- 수강신청
- 과정정보
나만의 웹툴 만들기

수강신청 유의사항
1. 컴퓨터 프로그래밍 언어의 조건문, 반복문 등을 이해하고 HTML기초 문법을 사용할 수 있는 학습자 대상의 심화 강좌입니다.
2. 학교명/학년/반/번호가 정확하지 않는 경우 학교생활기록부 기록이 불가하며, 부정확한 개인정보 제공으로 발생하는 문제 상황은 수강생에게 책임이 있습니다.
정보확인 및 수정: 나의강의실-개인정보수정
강사명 능동고등학교 교사 정효민
강의 대상 중1~3
운영 기간 2025년 7월 7일~2025년 7월 19일
총 차시14차시
운영 시간
매주 월, 수요일 18:30~ 20:10
매주 토요일 9:30~ 12:05
강사 소개
◦경기도교육청미래과학교육원 부설 영재교육원 강사
◦능동고등학교 교사
강좌 목표
[심화] 자바스크립트 기본 활용 계산기, 랜덤 숫자 게임 만들기 및 나만의 웹툴 제작
강의 방법
실시간 원격 교육
강좌 소개 및 주요 내용
웹 프로그래밍의 기초를 익히고 간단한 인터랙티브 웹페이지를 직접 만들어보는 과정으로, Replit 플랫폼을 활용하여 다양한 실습과 프로젝트를 수행함. 계산기, 게임, 입력 폼, 감정 인식 등 일상과 연결된 주제로 웹앱을 제작해 보며, 디지털 도구를 활용한 창의적 표현과 문제 해결 경험을 쌓을 수 있도록 구성함.
본 수업은 컴퓨터 프로그래밍 언어의 조건문, 반복문 등을 이해하고 HTML기초 문법을 사용할 수 있는 자 대상의 심화 강좌임.
1~2차시 (7/7 월)
오리엔테이션 및 Replit 소개
- Replit 계정 생성 및 인터페이스 탐색
- HTML 기본 구조 실습
- 자기소개 웹페이지 만들기
3~4차시 (7/9 수)
계산기 만들기
- HTML로 계산기 레이아웃 구성 (입력창, 버튼 등)
- JavaScript로 버튼 클릭 이벤트 처리 및 사칙연산 기능 구현
5~7차시 (7/12 토)
랜덤 숫자 추측 게임 만들기
- 조건문(if), 반복문(while), Math.random() 활용
- 승패 판단 로직 구현
8~9차시(7/14 월)
반응형 입력 폼 인터페이스 만들기
- HTML form 요소(input, select, button) 구성
- 이벤트 리스너를 통한 입력값 반응 처리
10~11차시(7/16 수)
웹앱 제작 프로젝트 I
- 각자 기획한 웹앱 기능별 코드 설계
- 이미지, 입력, 출력 기능 구현
12~14차시(7/19 토)
웹앱 제작 프로젝트 II + 발표
- 디버깅 및 기능 완성
- 결과 발표 및 피드백 공유
강의명 | |
---|---|
[1~2차시] 오리엔테이션 및 Replit 소개 | |
[3~4 차시] 계산기 만들기 | |
[5~7차시] 랜덤 숫자 추측 게임 만들기 | |
[8~9차시] 반응형 입력 폼 인터페이스 만들기 | |
[10~11차시] 웹앱 제작 프로젝트 I | |
[12~14차시] 웹앱 제작 프로젝트 II + 발표 |