웹프로그래밍

웹프로그래밍 I (Web Programming I)
2015 여름학기 (2학년 S학기)

정보보호학과 이병천 교수
강의시간 및 강의실: 1-4교시, C6-815

수강생 홈페이지

이기원 김혜영 이동준 나경민 마민기

오경준 김리화 이혜빈 윤정민 박종훈

정호윤 김태훈 이치목

이병천 교수

공지사항

- 별도의 중간고사, 기말고사를 치르지 않고 다음과 같이 자신의 홈페이지 발표로 대체합니다.

발표 1. HTML5/CSS3 적용 홈페이지 (1주)

6.29(월)
준비내용: 기본 홈페이지 만들기, 자기소개 페이지, 테이블 만들기, 입력양식 만들기, 재미있는 콘텐츠 만들기

발표 2. 자바스크립트 적용 홈페이지 (2주)

일시: 7.6(월)
준비내용:

(1) 홈페이지 완성도 높이기,
(2) 자바스크립트 기능 테스트 페이지 작성,
(3) 자바스크립트 예제 기능 분석 (PPT로 준비하여 홈페이지에 링크하고 발표)

발표 3. 기말고사. 최종 홈페이지 발표 (3주)

일시: 7.14(화)
준비내용:

(1) 홈페이지 완성도 높이기, 이번 학기에 배운 기술들을 가능한만큼 많이 적용하도록 노력,
(2) 자신만의 독창적인 기능 설계 및 구현,
(3) 자신의 홈페이지에서 사용된 기술들을 ppt로 상세히 준비하고 발표 (홈페이지에 링크)

1. 교과목 개요

최근 인터넷의 사용이 일상화되면서 많은 종류의 실생활 서비스들이 인터넷을 통해 웹의 형태로 제공되고 있다. 대부분의 기업, 관공서, 조직 등은 물론 개인들까지 여러 가지 자신의 인터넷 홈페이지를 만들어 운영하고 있다. 그러므로 웹서비스를 설계하고 프로그래밍하고 구축하여 적절하게 제공하는 기술은 오늘날 매우 중요한 기술이라고 할 수 있다.

웹프로그래밍이란 WWW(World Wide Web) 서비스를 구축하기 위해 사용되는 HTML, JavaScript, PHP, ASP, JSP 등 각종 프로그래밍 언어들을 이용하여 웹서비스를 구축하는 기술을 말한다. 특히 제공되는 서비스가 동적으로 바뀌면서 데이터베이스와 연동하여 각종 데이터를 처리하고 페이지를 만들어 제공하는 동적 웹프로그래밍이 매우 중요하게 되었다.

본 강의에서는 다음과 같은 내용으로 진행한다.

인터넷 환경에서 웹서비스를 제공하는 방식에 대해 그 원리를 설명하고 웹프로그래밍에 사용되는 언어들에 대해서 소개한다.
자신의 실습용 컴퓨터에 웹서버를 설치하여 실습 환경을 구축하는 방법을 소개한다.
가장 기본적인 마크업 언어인 HTML5에 대해 소개하고 홈페이지를 작성하는 방법을 실습한다.
CSS를 이용하여 디자인의 일관성을 가지는 홈페이지를 작성하는 방법을 실습한다.
클라이언트쪽 스크립트 언어인 자바스크립트를 이용하는 방법을 배운다.
배운 기술들을 종합 활용하여 특색있는 콘텐츠를 가진 자신의 홈페이지를 작성하고 서비스를 운영한다.

최종적으로 자신이 구축한 홈페이지의 완성도에 따라 평가한다. 이번 강의에서 배운 내용들을 충실하게 이용하고 적용하여야 한다.

2. 교재 및 참고자료

교재 : 윤인성, HTML5 웹프로그래밍 입문, 한빛미디어

교재 예제 소스 (압축파일)

HTML5 자바스크립트 API

3. 참고 사이트

웹프로그래밍 기술의 총 집합, HTML5, CSS, Javascript, PHP, SQL,...

윈도우 운영체제에서 Apache, PHP, Mysql을 사용할 수 있도록 자동으로 설치, 설정해주는 프로그램.

더 쉽게 사용할 수 있는 발전된 자바스크립트 라이브러리

4. 강의자료

실습 환경 구축하기

PART1. 웹 프로그래밍 첫 걸음

PART2. 웹 프로그래밍 첫 걸음

3장 HTML5 기본 태그
4장 HTML5 멀티미디어 태그와 입력 양식 태그
〉 종합 예제1_블로그의 레이아웃 구성

PART3. CSS3 스타일

5장 CSS3 선택자
6장 CSS3 속성
7장 CSS3 응용과 레이아웃
〉 종합 예제2_블로그에 스타일시트 적용

PART4. 자바스크립트

PART5. 프로젝트

12장 프로젝트: 핀터레스트 스타일의 웹 페이지 제작

자바스크립트 예제 모음

AngularJS - HTML의 기능을 확장하는 자바스크립트 프레임워크 (데모 페이지)

Bootstrap 데모

Ajax 데모

node.js - 서버사이드 자바스크립트 프로그래밍 프레임워크

웹프로그래밍에서의 암호 사용 (해쉬함수, 메시지인증코드, 패스워드기반키생성함수, 대칭키암호화, 전자서명, 난수생성, 인코딩 등)

데모 사이트

forge : http://digitalbazaar.github.io/forge/demos/rsa.html
SJCL : https://bitwiseshiftleft.github.io/sjcl/demo/
jsrsasign : http://kjur.github.io/jsrsasign/sample-rsasign.html

서버측 암호 (node.js 환경에서 실행)

클라이언트측 암호 (웹브라우저에서 실행)

5. 강의 진행 방법

교재를 통해 각 장별 기술적 내용을 소개

www.w3schools.com에 있는 내용들을 활용하는 방법을 소개

배운 내용들을 이용하여 서버컴퓨터에 있는 자신의 홈페이지를 지속적으로 업데이트

서버컴퓨터 주소는 http://isweb.joongbu.ac.kr (114.71.241.146)

중간고사, 기말고사는 발표로 대체

6. 평가 방법

퀴즈시험. HTML 소스 분석

발표 1. HTML5/CSS3 적용 홈페이지 (1주)

발표 2. 자바스크립트 적용 홈페이지 (2주)

발표 3. 기말고사. 최종 홈페이지 발표 (3주)

안내사항

이 강의에서 배운 기술적인 내용을 자신의 홈페이지에 최대한 적용하겠다는 목표를 가져야 함
웹프로그래밍 기술 자체를 자신의 홈페이지에 잘 정리하는 것도 좋은 목표가 될 것임
홈페이지 방문자가 좋아할 만한 유익한 내용으로 꾸미는 것을 목표. 콘텐츠 자체는 외부에서 카피해도 상관없음
자신의 홈페이지이므로 자신에 대한 소개 내용이 필요

학생 리포트 우수 사례

이기원 (홈페이지)