Web Programming 실습 코드 모음

1. week1.html

• 1주차 연습
• 기본 HTML 문서 작성
• 1주차 공부 내용 정리

2. week2.html

• 2주차 연습
• 표, 링크, 시맨틱 태그 등 추가
• 2주차 공부 내용 정리 추가

3. week3.html

• 3주차 연습
• CSS3 style 공부

4. week4_object-gen.html

• 4주차 연습
• JavaScript 코어 객체 공부
• 객체 생성 3가지 방법 연습

5. week5

• prac8-4.html : 계산해봅시다
• prac8-6.html : 이번 여름은 어디로 갈까요?
• prac8-9.html : 라면 끓이는 순서
• practice8-10(1),(2).html : DOM객체 동적 삽입

6. week6

• practice9-2.html : 실습문제9-2 (라디오 버튼 선택된 것 알아내서 그림 그리기)
• practice9-3.html : 실습문제9-3 (Enter 키가 입력되었을 때 수식의 값 계산하기)
• practice9-6.html : 마우스 휠을 이용한 이미지 확대/축소
• practice9-10.html : 계산기

7. week7

• prac10-5.html, prac10-6.html : div 태그에 시계만들기 (SetTimeout, Setlnterval 이용 시계 보이기)
• prac10-3.html: 타이머
• prac10-1.html, prac10-2.html: 윈도우 이벤트 실습
• prac10-4.html: setInterval()을 활용한 텍스트 회전
• prac11-2.html: 캔버스 그리기 맛보기
• prac11-3.html: 선으로 삼각형 그리기
• prac11-4.html: 원호 그리기
• prac11-5.html: 사각형 그리기

9. week9

• prac-store.html, prac-search.html : 세션 스토리지로 구입 리스트 저장
• prac2-store.html, prac2-view.html : 일기 보기 기능
• prac12-1.html : 쿠키

10. week10

• ex13-9.html : 시작과 끝 숫자를 전달받아 합을 구하는 워커 태스크
• ex13-10.html : 타이머를 가진 웹 워커 만들기
• add.js : 덧셈 워커
• mul.js : 곱셈 워커
• timer.js : 타이머 워커

11. week11

• dg.html, dg.js : 동적 그래픽 연습
• fn.html : 함수 실습

12. week12

• funPr_practice.js : 함수 프로그래밍 실습

13. week13

• webserver.js : Node.js 웹 서버 실습

14. week14

• Express 프레임워크 실습
  • Middleware
  • Router