문제해결을 통한 웹프로그래밍 입문

1-1. HTML 태그 알아보기

1-2. 해결문제 : HTML 기본 태그를 이용한 자유소프트웨어 설명 페이지 작성

1-3. 응용문제: 자기 소개 페이지 작성

2-1. HTML 시멘틱 태그 알아보기

2-2. 해결문제: HTML 시멘틱 태그를 이용한 시맨틱 태그 설명 페이지 작성

2-3. 응용문제: HTML 시멘틱 태그를 이용한 자기 소개 페이지 작성

3-1. CSS 기본 사용법과 셀렉터 알아보기

3-2. 해결문제: CSS를 적용하여 시멘틱 태그 설명 페이지 수정

3-3. 응용문제: CSS를 적용하여 자기 소개 페이지 수정

4-1. DOM 개념을 익히고 셀렉터를 조합하여 접근하기

4-2. 해결문제: 셀렉터를 조합하여 CSS를 변경한 시맨틱 태그 설명 페이지 수정

4-3. 응용문제: 셀렉터를 조합하여 CSS를 변경한 자기 소개 페이지 수정

5-1. HTML FORM 태그를 이용하여 사용자 입력 받기

5-2. 해결문제: HTML FORM 태그를 이용하여 개인 관심분야 페이지 작성

5-3. 응용문제: HTML FORM 태그를 이용하여 신청서 페이지 작성

6-1. 자바스크립트 기본 사용법 알아보기

6-2. 해결문제: 개인 관심분야 페이지를 자바스크립트를 이용하여 입력 정보 출력하기

6-3. 응용문제: 신청서 페이지를 자바스크립트를 이용하여 입력 정보 출력하기

7-1. 자바스크립트 조건문을 사용하여 DOM 변경

7-2. 해결문제: 간단한 계산기 프로그램 작성

7-3. 응용문제: 윈도우 계산기 프로그램 응용하기

8-1. 자바스크립트 반복문을 사용하여 DOM 변경

8-2. 해결문제: 구구단 학습기 만들기

8-3. 응용문제: 랜덤 카드 만들기

9-1. jQuery를 이용하여 이벤트 처리

9-2. 해결문제 : 검색 페이지를 선택하고 해당 페이지로 이동하는 페이지 작성

9-3. 응용문제 : 랜덤 카드를 만들고 짝/홀 카드 구분하기

10-1. 전역변수와 지역변수의 개념 익히기

10-2. 해결문제 : 주사위 게임 만들기

10-3. 응용문제 : 가위바위보 게임 만들기

11-1. 배열의 개념 익히기

11-2. 해결문제 : 폭탄 게임 만들기

11-3. 응용문제 : 랜덤 수식 만들기

12-1. AJAX 통신을 이용하여 공공데이터 가져오기

12-2. 해결문제 : 영화진흥위원회 공공API를 사용하여 최신 영화 순위페이지 만들기

12-3. 응용문제 : 영화진흥위원회 공공API를 사용하여 최신 영화 상세 보기 페이지 만들기