에듀업 - 인터넷프로그래밍 강의계획서

전공과목안내

전공과목안내
과정명	인터넷프로그래밍	지도교수	오재우
수업방식	이론중심	학점	3학점
학습기간	2025-04-02 ~ 2025-07-15(총 15주) 학습목차 바로가기
성적증명서 발급 가능	2025-07-30	성적보고 완료일	2025-08-05
학점인정신청 가능일(온라인)	2025.07.28.(월) 16:00 ~ 2025.07.31.(목) 17:00	학위취득	2026년 2월 전기

성적 산출 기준

성적 산출 기준표
중간	기말	과제	토론	쪽지	참여	출석
30점	30점	10점	5점	5점	5점	15점

[과목 미수료 기준]
- 출석률 80% 미만
- 정기시험(중간고사/기말고사)을 모두 미응시
- 상대평가 환산점수 60점 미만
- ※ 단, 수강인원이 10명 미만인 학습과정 및 실습비중이 50%를 초과하는 경우, 상대평가를 아니할 수 있음

[유의사항]
- 시험 대체 수단 없음
- 시험응시기회 1회
- 출결에 관한 지각처리 없음

[공동 인증서 로그인 필요]
- 내 강의실 이용시 개인정보 보호와 ID의 무단 도용을 방지하기 위해 공동인증서 로그인 필요

상대평가 시행안내
- 국가평생교육원의 평가인정 학습과정 운영지침(교육부 고시 제2015-85호, 2016.1.6일 제정 및 2016년 1월1일 시행)의 변경에 따라
  2016년도 1학기 과정부터 성적 평가가 기존의 "절대평가"에서 "상대평가"로 전환되게 되었습니다.
- 에듀업원격평생교육원에서는 A등급 20% ~ 30%, B등급 30% ~ 40%, C등급이하 30% ~ 50%의 범위로 점수를 배정하려 합니다.
  자세한 설명은 아래 버튼을 클릭해주시기 바랍니다.

관련전공소개
학사	e-비즈니스학 전공,디지털아트학 전공,멀티미디어학 전공,정보보호학 전공,컴퓨터공학 전공
전문학사	멀티미디어 전공,인터넷정보 전공,전자상거래 전공,정보보호 전공,정보처리 전공,지상전 전공

수업개요

인터넷 서비스의 개념과 구조를 이해하고, 웹서비스를 위한 기본 웹문서 작성과 웹 클라이언트 프로그래밍을 위해 HTML5, CSS3, Javascript DOM 프로그래밍 등을 다룬다.

수업목표

1. 웹 표준 기술과 HTML5에 대한 기본 지식 및 서비스 개념을 설명할 수 있다.

2. HTML 구조와 태그 개념을 이해하고 사용 방법을 설명할 수 있다.

3. CSS3의 구조와 속성을 이해하고 스타일 사용법을 통해 웹 페이지를 구축할 수 있다.

4. 자바 스크립트와 jQuery를 응용하여 동적인 페이지를 구축할 수 있다.

5. 웹 페이지 개발 절차를 이해하고 간단한 웹 프로젝트를 수행할 수 있다.

성적분포

성적분포
A등급	B등급	C등급 이하
20% ~ 30%	30% ~ 40%	30% ~ 50%

평가기간

평가기간
구분		평가기간	비고
중간고사		2025-05-23 오전 10:00 ~ 2025-05-26 오후 10:00	1주차 – 7주차 (객관식 20문항, 주관식 5문항)
기말고사		2025-07-11 오전 10:00 ~ 2025-07-14 오후 10:00	9주차 – 14주차 (객관식 20문항, 주관식 5문항)
과제		2025-04-30 - 2025-06-03 (AM 10:00 – PM 22:00)
토론		2025-06-27 - 2025-06-30 (AM 10:00 – PM 22:00)
쪽지		2025-06-13 - 2025-06-16 (AM 10:00 – PM 22:00)
참여	나의학습계획	2025-04-02 - 2025-04-22 (AM 10:00 – PM 22:00)
참여	소개서/중간평가	2025-05-28 - 2025-06-10 (AM 10:00 – PM 22:00)

과제

※ 아래 과제 주제는 변경될 수 있으며, 확정된 과제 주제 및 구체적인 내용은 [강의실 > 과제] 메뉴에서 확인하시기 바랍니다.

html과 CSS를 활용하여 웹 페이지를 생성하시오. (단, 웹 페이지는 1페이지로 구성하고 주제는 자유이며 과제 제출 시 문서파일 속에 웹 페이지 캡처 이미지와 소스코드를 모두 넣으시오.)

학습목차

학습목차
주차	학습내용	학습활동
1	1차시. 웹 개요 및 실습환경 구축 [강의목표] 1. 인터넷과 웹의 개념 및 특징을 설명할 수 있다. 2. 웹 브라우저의 종류 및 웹 표준을 설명할 수 있다. 3. 웹의 동작 원리를 설명할 수 있다. 4. 웹 표준 기술인 HTML5, CSS3, 자바스크립트의 개념과 특징을 설명할 수 있다. 5. 웹 프로그래밍 개발 환경을 구축할 수 있다. [강의세부내용] 1. 인터넷과 웹 시작 2. 웹 브라우저 전쟁과 웹 표준 3. 웹 동작 4. 웹 표준 기술과 HTML5 주요 기능 5. 실습 환경 구축	[전 차시 공통 제공] 1) 동영상 강의- 교수자 얼굴 위주 촬영- 디지털 판서 2) 학습자료- 강의교안(PDF)- 오디오(MP3) 3) 퀴즈- OX퀴즈 1문항- 객관식(사지선다) 2문항
1	2차시. 웹 페이지 기본 구조와 작성 방법 [강의목표] 1. HTML5 기본 용어를 설명할 수 있다. 2. HTML5 페이지 구조와 작성법을 설명할 수 있다. 3. 오류와 검증 방법을 설명할 수 있다. [강의세부내용] 1. HTML5 기본 용어 2. HTML5 페이지 구조와 작성법 3. 오류와 검증
2	1차시. HTML5 기본 태그(1) [강의목표] 1. 글자 태그를 이해하고 설명할 수 있다. 2. 목록 태그를 이해하고 설명할 수 있다. 3. 태그 활용 예제를 살펴봄으로써 글자 태그와 목록 태그를 활용할 수 있다. [강의세부내용] 1. 글자 태그 2. 목록 태그 3. 태그 활용 예제
2	2차시. HTML5 기본 태그(2) [강의목표] 1. 테이블 태그를 이해하고 설명할 수 있다. 2. 미디어 태그를 이해하고 설명할 수 있다. 3. 태그 활용 예제를 살펴봄으로써 테이블 태그와 미디어 태그를 활용할 수 있다. [강의세부내용] 1. 테이블 태그 2. 미디어 태그 3. 태그 활용 예제
3	1차시. HTML5 입력 양식 태그 [강의목표] 1. 입력 양식 태그를 이해하고 설명할 수 있다. 2. 태그 활용 예제를 살펴봄으로써 입력 양식 태그를 활용할 수 있다. [강의세부내용] 1. 입력 양식 태그 2. 태그 활용 예제
3	2차시. HTML5 문서 구조화 [강의목표] 1. 공간 분할 태그를 이해하고 설명할 수 있다. 2. 시맨틱 태그를 이해하고 설명할 수 있다. 3. 태그 활용 예제를 살펴봄으로써 공간 분할 태그와 시맨틱 태그를 활용할 수 있다. [강의세부내용] 1. 공간 분할 태그 2. 시맨틱 태그 3. 태그 활용 예제
4	1차시. CSS3 기초(1) [강의목표] 1. 선택자의 용도를 이해하고 설명할 수 있다. 2. 기본 선택자를 이해하고 설명할 수 있다. 3. 속성 선택자를 이해하고 설명할 수 있다. 4. 선택자 활용 예제를 살펴봄으로써 기본/속성 선택자를 활용할 수 있다. [강의세부내용] 1. 선택자의 용도와 사용법 2. 기본 선택자 3. 속성 선택자 4. 기본/속성 선택자 활용 예제
4	2차시. CSS3 기초(2) [강의목표] 1. 후손 선택자와 자손 선택자를 이해하고 설명할 수 있다. 2. 반응·상태·구조 선택자를 이해하고 설명할 수 있다. 3. 선택자 활용 예제를 살펴봄으로써 후손/자손/반응/상태/구조 선택자를 활용할 수 있다. [강의세부내용] 1. 후손 선택자와 자손 선택자 2. 반응/상태/구조 선택자 3. 후손/자손/반응/상태/구조 선택자 활용 예제
5	1차시. CSS3 속성(1) [강의목표] 1. CSS3 단위를 이해하고 설명할 수 있다. 2. 박스 속성을 이해하고 설명할 수 있다. 3. 가시 속성을 이해하고 설명할 수 있다. 4. 속성 활용 예제를 살펴봄으로써 박스/가시 속성을 활용할 수 있다. [강의세부내용] 1. CSS3 단위 2. 박스 속성 3. 가시 속성 4. 박스/가시 속성 활용 예제	[과제 제출]
5	2차시. CSS3 속성(2) [강의목표] 1. 배경 속성을 이해하고 설명할 수 있다. 2. 글자 속성을 이해하고 설명할 수 있다. 3. 속성 활용 예제를 살펴봄으로써 배경/글자 속성을 활용할 수 있다. [강의세부내용] 1. 배경 속성 2. 글자 속성 3. 배경/글자 속성 활용 예제	[과제 제출]
6	1차시. CSS3 속성(3) [강의목표] 1. 위치 속성을 이해하고 설명할 수 있다. 2. 유동 속성을 이해하고 설명할 수 있다. 3. 속성 활용 예제를 살펴봄으로써 위치/유동 속성을 활용할 수 있다. [강의세부내용] 1. 위치 속성 2. 유동 속성 3. 위치/유동 속성 활용 예제
6	2차시. CSS3 속성(4) [강의목표] 1. 그림자와 그레이디언트 속성을 이해하고 설명할 수 있다. 2. 속성 활용 예제를 살펴봄으로써 그림자와 그레이디언트 속성을 활용할 수 있다. 3. CSS3의 선택자와 속성을 활용할 수 있다. [강의세부내용] 1. 그림자와 그레이디언트 속성 2. 그림자와 그레이디언트 속성 활용 예제 3. CSS3 통합 활용
7	1차시. 다양한 레이아웃의 구성과 기능(1) [강의목표] 1. 수평 정렬 레이아웃을 이해하고 설명할 수 있다. 2. 중앙 정렬 레이아웃을 이해하고 설명할 수 있다. 3. One True 정렬 레이아웃을 이해하고 설명할 수 있다. 4. 레이아웃 활용 예제를 살펴봄으로써 수평/중앙/One True 정렬 레이아웃을 활용할 수 있다. [강의세부내용] 1. 수평 정렬 레이아웃 2. 중앙 정렬 레이아웃 3. One True 정렬 레이아웃 4. 수평/중앙/One True 정렬 레이아웃 활용 예제
7	2차시. 다양한 레이아웃의 구성과 기능(2) [강의목표] 1. 요소 배치를 이해하고 설명할 수 있다. 2. 글자 생략을 이해하고 설명할 수 있다. 3. 활용 예제를 살펴봄으로써 요소 배치 및 글자 생략을 활용할 수 있다. [강의세부내용] 1. 요소 배치 2. 글자 생략 3. 요소 배치 및 글자 생략 활용 예제
8	중간고사 * 시험범위 : 1주차~7주차	[정기 시험]
9	1차시. 반응형 웹의 기본 및 설정 [강의목표] 1. 반응형 웹의 기본 개념을 이해하고 설명할 수 있다. 2. 반응형 웹을 위한 설정 방법을 이해하고 설명할 수 있다. 3. 반응형 웹을 위한 기본 태그와 코드를 활용할 수 있다. [강의세부내용] 1. 반응형 웹 개념 2. 반응형 웹 설정 3. 반응형 웹 기본 활용 예제
9	2차시. 반응형 웹 패턴 [강의목표] 1. 반응형 웹의 패턴 개념을 이해하고 설명할 수 있다. 2. 반응형 웹 패턴의 활용 방법을 이해하고 설명할 수 있다. 3. 반응형 웹 코드를 활용할 수 있다. [강의세부내용] 1. 반응형 웹 패턴의 개념 2. 반응형 웹 패턴의 활용 예제 3. 반응형 웹 통합 활용 예제
10	1차시. 자바스크립트 기본 [강의목표] 1. 자바스크립트 기본 용어와 출력 방법을 이해하고 설명할 수 있다. 2. 자바스크립트의 자료형과 변수를 이해하고 설명할 수 있다. 3. 자바스크립트 기본 코드를 활용할 수 있다. [강의세부내용] 1. 자바스크립트 기본 용어와 출력 방법 2. 자바스크립트의 자료형과 변수 3. 자바스크립트 자료형과 변수 활용 예제
10	2차시. 자바스크립트 흐름 제어 방법 [강의목표] 1. 자바스크립트 조건문을 이해하고 설명할 수 있다. 2. 자바스크립트 반복문을 이해하고 설명할 수 있다. 3. 자바스크립트 조건문과 반복문 코드를 활용할 수 있다. [강의세부내용] 1. 자바스크립트 조건문 2. 자바스크립트 반복문 3. 자바스크립트 조건문과 반복문 활용 예제
11	1차시. 자바스크립트 함수와 기본 객체 [강의목표] 1. 자바스크립트 함수를 이해하고 설명할 수 있다. 2. 자바스크립트 객체를 이해하고 설명할 수 있다. 3. 자바스크립트 코어 객체를 이해하고 설명할 수 있다. [강의세부내용] 1. 자바스크립트 함수 2. 자바스크립트 객체 3. 자바스크립트 코어 객체	[쪽지시험 응시]
11	2차시. 자바스크립트 배열과 고급 객체 [강의목표] 1. 자바스크립트 배열을 이해하고 설명할 수 있다. 2. 자바스크립트 Date 객체와 String 객체를 이해하고 설명할 수 있다. 3. 자바스크립트 Math 객체와 사용자 객체를 이해하고 설명할 수 있다. [강의세부내용] 1. 자바스크립트 배열 2. 자바스크립트 Date 객체와 String 객체 3. Math 객체와 사용자 객체	[쪽지시험 응시]
12	1차시. 문서객체 모델(DOM) [강의목표] 1. 문서 객체 모델(DOM) 기본 용어와 개념을 이해하고 설명할 수 있다. 2. 문서 객체 선택 방법을 이해하고 설명할 수 있다. 3. 문서 객체 조작 방법을 이해하고 설명할 수 있다. [강의세부내용] 1. 문서 객체 모델(DOM) 기본 용어와 개념 2. 문서 객체 선택 3. 문서 객체 조작
12	2차시. 이벤트 개념과 활용 [강의목표] 1. 이벤트 개요 및 종류를 이해하고 설명할 수 있다. 2. 이벤트 흐름 및 리스너를 이해하고 설명할 수 있다. 3. 마우스 이벤트 객체 응용 방법를 이해하고 설명할 수 있다. 4. 문서와 이미지 로딩 방법을 이해하고 설명할 수 있다. [강의세부내용] 1. 이벤트 개요 및 종류 2. 이벤트 흐름 및 리스너 3. 마우스 이벤트 객체 4. 문서와 이미지 로딩
13	1차시. jQuery 라이브러리 [강의목표] 1. jQuery 라이브러리 설정 방법을 이해하고 설명할 수 있다. 2. 문서 객체 선택 방법을 이해하고 설명할 수 있다. 3. 문서 객체 조작 방법을 이해하고 설명할 수 있다. [강의세부내용] 1. jQuery 라이브러리 설정 2. 문서 객체 선택 3. 문서 객체 조작	[토론 제출]
13	2차시. jQuery 이벤트 [강의목표] 1. 이벤트 연결 방법을 이해하고 설명할 수 있다. 2. 이벤트 사용 방법을 이해하고 설명할 수 있다. 3. 시각 효과를 이해하고 설명할 수 있다. [강의세부내용] 1. 이벤트 연결 2. 이벤트 사용 3. 시각 효과	[토론 제출]
14	1차시. 자바스크립트와 jQuery 라이브러리 응용(1) [강의목표] 1. 입력 양식 포커스 사용 방법을 이해하고 설명할 수 있다. 2. 프레임 애니메이션을 이해하고 설명할 수 있다. 3. 문서 객체의 생성과 추가하는 방법을 이해하고 설명할 수 있다. [강의세부내용] 1. 입력 양식 포커스 2. 프레임 애니메이션 3. 문서 객체 생성과 추가
14	2차시. 자바스크립트와 jQuery 라이브러리 응용(2) [강의목표] 1. 무한 스크롤 사용 방법을 이해하고 설명할 수 있다. 2. 플러그인 사용 방법을 이해하고 설명할 수 있다. 3. 슬라이더 사용 방법을 이해하고 설명할 수 있다. [강의세부내용] 1. 무한 스크롤 2. 플러그인 사용 3. 슬라이더
15	기말고사 * 시험범위 : 9주차~14주차	[정기 시험]

강의계획서