• 로그인
  • 회원가입
  • 닫기

컨텐츠 내용

  1. 수강신청
  2. 과정정보

나만의 웹툴 만들기

과정 이미지
나만의 웹툴 만들기 과정정보
과정명 나만의 웹툴 만들기
신청 기간 2025.06.18 00:00 - 2025.06.20 23:59
운영 기간 2025.07.07 - 2025.07.19
교육 시간 14시간
담당 강사 정효민

수강신청 유의사항

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 + 발표