Web Programming 실습 코드 정리

1주차: 기본 HTML

• 파일: week1.html
• 내용: HTML 문서 기본 구조 작성 실습

---

2주차: HTML 심화

• 파일: week2.html
• 내용: 표, 링크, 시맨틱 태그 활용 연습

---

3주차: CSS 스타일링

• 파일: week3.html
• 내용: CSS3를 활용한 스타일 작성 기초

---

4주차: JavaScript 객체 생성 방법

• 파일: week4.html
• 내용: JavaScript에서 객체 생성 연습
  • 직접 객체 생성
  • 리터럴 표기법 사용
  • Prototype 방식 활용

---

5주차: 동적 HTML

• 파일:
  • prac8-4.html: HTML 콘텐츠 동적 변경
  • prac8-6.html: prompt 함수 사용법
  • prac8-9.html: 동적으로 HTML 객체 삽입
  • prac8-10_1.html, prac8-10_2.html: HTML 객체 동적 삽입 및 삭제

---

6주차: 이벤트와 동작

• 파일:
  • prac9-1.html: 라디오 버튼 값에 따라 그림 그리기
  • prac9-2.html: prac9-1의 확장 코드
  • prac9-3.html: 실습문제

---

7주차: 타이머 활용

• 파일:
  • prac10-5.html: setTimer()로 시계 만들기
  • prac10-6.html: setInterval()로 타이머 구현 및 클릭 이벤트로 정지/재시작

---

8주차: 시험

---

9주차: 데이터 저장

• 내용: 쿠키, 세션 스토리지, 로컬 스토리지 학습
• 파일:
  • prac12-2-save.html, prac12-2-search.html: 세션 스토리지를 이용해 구매 리스트 저장 및 검색
  • prac12-4-store.html, prac12-4-view.html: 로컬 스토리지를 활용한 일기 작성 및 보기

---

10주차: Web Worker

• 파일:
  • ex13-9.html: Web Worker를 활용한 덧셈 연산
  • ex13-10.html, timer.js: Worker Task를 이용한 타이머 구현
  • prac13-6.html, worker.js: Worker Task를 활용한 곱셈 연산

---

11주차: 고급 JavaScript 1

• 파일:
  • dj.js: 함수형 프로그래밍 및 디버깅 학습
  • backtic.js: 템플릿 리터럴(backtick) 활용
  • forEach.js: forEach() 함수 활용

---

12주차: 고급 JavaScript 2

• 파일:
  • funcPr-practice.js: forEach(), reduce(), map(), 화살표 함수 학습
  • avgScore.js: filter, map, reduce를 활용한 평균 점수 계산
  • birthYear.js: map()을 활용한 나이 계산 프로그램
  • greeting.js: 함수 커링 연습

---

13주차: Node.js 실습

• 파일:
  • run.js: Node.js의 Non-blocking I/O 이해
  • webServer1.js: 간단한 웹 서버 구현
  • webServer2.js: HTML 파일을 읽어오는 웹 서버 구현
  • osModule.js: Node.js 모듈 사용 연습

---

14주차: Express.js 실습

• 파일:
  • app1.js: 기본 Express 애플리케이션 구축
  • app4.js: get() 메서드를 활용한 경로 처리
  • app7.js: 쿼리문 처리
  • app8.js: HTML 문서의 body 데이터를 받아오는 서버
  • login1.html: app8.js에서 사용하는 페이지
  • app9.js: 라우터 미들웨어 활용
  • login2.html: app9.js에서 사용하는 페이지
  • app10.js: URL 파라미터 처리
  • login3.html: app10.js에서 사용하는 페이지