WP

1주차

• 웹 개념과 구조에 대해 공부하고 간단한 HTML 문서 작성
  • week1.html: 기본 HTML 문서 작성

2주차

• HTML 문서 구조와 기본 태그에 대해 공부하고 HTML 문서 작성
  • week2.html: 표, 링크, 시맨틱 태그 등 추가

3주차

• CSS3 문법과 기본 스타일, 박스 모델, 레이아웃 기법에 대해 공부하고 CSS3 작성
  • week3.html: CSS3 style 공부

4주차

• 자바스크립트 기초에 대해 공부하고 자바스크립트 객체 작성
  • week4_obj-gen-result.html: 객체 생성 3가지 방법 연습

5주차

• DOM 요소 선택 및 조작 방법을 공부하고 동적 웹페이지 작성
  • week5_practice8-4.html: 실습문제 8-4
  • week5_practice8-6.html: 실습문제 8-6
  • week5_practice8-9.html: 실습문제 8-9
  • week5_practice8-10(1).html: 과제 8-10 (1번)
  • week5_practice8-10(2).html: 과제 8-10 (2번)

6주차

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

7주차

• BOM 객체와 캔버스 그래픽에 대해 공부하고 BOM 객체 조작 및 캔버스 그리기
  • practice10-5.html: 실습문제 10-5와 10-6을 포함 (setTimeout, setInterval 이용하여 시계 구현)
  • practice10-6.html: 실습문제 10-6 (setInterval과 clearInterval 이용하여 시계 구현)

8주차

중간고사

9주차

• 쿠키, 세션 스토리지, 로컬 스토리지에 대해 공부하고 스토리지 조작 코드 작성
  • week9-ex12-01.html: 쿠키 실습 (방문 카운트 쿠키)
  • week9-p1(store).html: 실습문제 12-2 (세션 스토리지에서 읽기)
  • week9-p1(search).html: 실습문제 12-2 (세션 스토리지에 쓰기)
  • week9-p2(store).html: 실습문제 12-4 (일기 쓰기)
  • week9-p2(view).html: 실습문제 12-4 (일기 보기)

10주차

• 오디오, 비디오 제어 및 웹 워커에 대해 공부하고 웹 워커 생성 및 통신
  • week10-ex13-09.html: 웹워커 생성 및 통신 실습 (시작과 끝 숫자를 전달받아 합을 구하는 워커 태스크)
    • add.js: ex13-09의 워커 태스크
  • week10-ex13-10.html: 웹워커 생성 및 통신 실습 (타이머를 가진 웹 워커 만들기)
    • timer.js: ex13-10의 워커 태스크
  • practice13-6.html: 웹워커 생성 및 통신 과제 (곱셈하기)
    • mul.js: practice13-6의 워커 태스크

11주차

• 데이터 타입, 변수 복사, 객체 복사 등에 대해 공부하고 실습
• 백틱, for of, forEach(), 화살표 함수, 콜백 함수 활용 학습
• Node.js 설치 및 JS 파일 디버깅 방법 학습
  • dg.js: 스코프 실습
  • back.js: 백틱 실습
  • forEach.js: forEach() 실습

12주차

• 스코프, 클로저, 커링 등에 대해 공부하고 함수형 프로그래밍 실습
  • funcPr-practice.js: 함수형 프로그래밍 실습

13주차

• Node.js와 웹 서버에 대해 공부
  • webserver1.js: 웹 서버 실습
  • webserver2.js: 두 번째 웹 서버 실습

14주차

• 웹 서버, 미들웨어, 라우터 사용해보기
• 요청, 응답 객체 생성 및 활용
  • app1.js: 웹 서버 만들기
  • app2.js: 미들웨어로 클라이언트에 응답 보내기
  • app3.js: next() 호출
  • app4.js: 미들웨어로 클라이언트에 응답 보내기
  • app5.js: send() method 요청 객체와 응답 객체
  • app6.js: redirect() method 요청 객체와 응답 객체
  • app7.js: 요청 객체에 추가한 헤더와 파라미터 활용
  • app8.js: 미들웨어 사용하기
  • login1.html: app8.js 실행에 필요한 HTML 파일
  • app9.js: 라우터 미들웨어 사용하기
  • login2.html: app9.js에 필요
  • app10.js: URL 파라미터 사용하기
  • login3.html: app10.js에 필요