책소개
다양한 예제로 자바스크립트와 jQuery를 정복하자!웹 프로그래밍 초보를 위한 최선의 학습서!이 책에는 200여개의 다양하고 재미있는 실습 예제가 수록되어 있다. 이 예제들을 실습하면서 공부하다 보면 자연스럽게 자바스크립트와 제이쿼리의 원리를 파악하여 웹 사이트를 제작할 수 있는 능력을 갖추는 데 초점이 맞추어져 있다. 책의 내용은 Part 1과 Part 2 두 개로 구성되어 있다. 1부에서는 자바스크립트의 기초 문법, 조건문, 반복문, 함수, 자바스크립트 객체의 기본 개념을 익히고 이를 활용하는 방법을 배운다. 2부에서는 제이쿼리의 기본 문법과 제이쿼리 선택자의 기본기를 다진 다음 제이쿼리로 이벤트 처리, 다양한 효과, 애니메이션 등을 다루는 방법을 익힌다. 마지막으로 웹 사이트에서 실제로 많이 사용되는 이미지 슬라이더, 아코디언 패널, 드롭다운 메뉴 등의 제작 기법을 배울 것이다.
저자소개
경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사를 취득했다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 저서로는 한빛 아카데미의 『PHP 프로그래밍 입문』, 『HTML/CSS for Beginner』와 한빛 미디어의 『헬로코딩 : HTML5/CSS3』와 인포앤북의 『스타트 파이썬』, 『똑똑한 파이썬』, 『파이썬 입문 with 데이터분석/시각화』, 『HTML/CSS 입문』 등 10권의 도서가 있다. 현재는 대학에서 파이썬, PHP, 자바스크립트, 데이터베이스, HTML/CSS 등 파이썬과 웹 관련 강의와 더불어 관련 서적 집필과 온라인 콘텐츠 개발에 힘쓰고 있다.
경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사를 취득했다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 경희대학교 컴퓨터공학과 등에서 C++, 네트워크 프로그래밍, 자바, 운영체제, HTML/CSS, PHP, 자바스크립트, 웹 디자인 등을 강의하였다. 현재는 수원여자대학교에서 프로그래밍과 웹 콘텐츠 제작 등을 강의하고 있다.
목차
Part 1. 자바스크립트Chapter 01. 자바스크립트와 개발 환경1.1 웹 프로그래밍이란?1.2 자바스크립트 개요 1.2.1 자바스크립트의 역사 1.2.2 자바스크립트의 역할1.3 자바스크립트 개발 환경 1.3.1 크롬 브라우저 1.3.2 비주얼 스튜디오 코드1.4 비주얼 스튜디오 코드 사용법 1.4.1 폴더 열기 1.4.2 프로그램 작성하고 저장하기 1.4.3 파일 실행하기 1.4.4 라이브 서버 확장 팩 설치하기1.5 실습 방법 1.5.1 완성 파일 열고 실행하기 1.5.2 시작 파일 열고 프로그램 작성하기1.6 주석문1.7 자바스크립트 위치[연습문제]Chapter 02. 자바스크립트 기본 문법2.1 변수2.2 출력 2.2.1 document.write() 이용 2,2.2 window.alert() 이용 2.2.3 console.log() 이용 2.2.4 innerHTML 이용2.3 입력2.4 데이터 형 2.4.1 숫자 2.4.2 문자열 2.4.3 불 2.4.4 배열 2.4.5 객체2.5 연산자 2.5.1 산술 연산자 2.5.2 할당 연산자 2.5.3 문자열 연결 연산자 2.5.4 비교 연산자 2.5.5 논리 연산자[응용문제] Q2-1 거스름돈 계산하기Q2-2 일교차 구하기Q2-3 삼각형 넓이 구하기[연습문제]Chapter 03. 조건문3.1 if문 3.1.1 if~ 구문 3.1.2 if~ else~ 구문 3.1.3 if~ else if~ else~ 구문3.2 if문의 중첩3.3 switch문[응용문제]Q3-1 영어 소문자 모음/자음 판별하기Q3-2 아르바이트 급료 계산하기Q3-3 고객 만족도에 따라 팁 계산하기[연습문제]Chapter 04. 반복문 4.1 while문 4.2 do while문 4.3 for문 4.4 이중 for문 4.5 break문 4.6 continue문[응용문제]Q4-1 이미지 파일 자동 삽입하기Q4-2 지역별 기온과 일교차 표 만들기Q4-3 길이 단위 환산표 만들기Q4-4 별표(*)로 역삼각형 모양 만들기Q4-5 이중 for문으로 구구단표 만들기[연습문제]Chapter 05. 함수5.1 함수란?5.2 매개 변수5.3 함수 값의 반환5.4 지역변수와 전역변수 5.4.1 지역 변수 5.4.2 전역 변수5.5 익명 함수[응용문제]Q5-1. 함수로 원의 넓이와 둘레 구하기Q5-2. 함수로 정수의 합계 구하기Q5-3. 함수로 5의 배수 판별하기Q5-4. 함수로 합계/평균 구하기Q5-5. 함수로 거스름돈 계산하기[연습문제]Chapter 06. 자바스크립트 객체6.1 객체란?6.2 객체의 종류6.3 사용자 정의 객체 6.3.1 객체 리터럴 6.3.2 생성자 함수와 New 연산자 6.3.3 객체의 속성 접근법 6.3.4 for문에서 객체 사용6.4 문서 객체 모델((DOM) 6.4.1 DOM의 기본 구조 6.4.2 요소 내용 삽입과 CSS 조작 6.4.3 DOM의 이벤트6.5 브라우저 객체 모델(BOM) 6.5.1 Window 객체 6.5.2 Screen 객체 6.5.3 Location 객체 6.5.4 History 객체 6.5.5 Navigator 객체[연습문제]Chapter 07. 내장 객체7.1 Number 객체 7.1.1 toString() 메소드 7.1.2 toFixed() 메소드 7.1.3 문자열의 숫자 변환7.2 Array 객체 7.2.1 toString() 메소드 7.2.2 push() 메소드 7.2.3 pop() 메소드 7.2.4 요소 값 변경과 length 속성 7.2.5 splice() 메소드 7.2.6 slice() 메소드 7.2.7 sort() 메소드7.3 String 객체 7.3.1 slice() 메소드 7.3.2 substr() 메소드 7.3.3 replace() 메소드 7.3.4 영문 대소문자 변경 7.3.5 문자열의 배열 변환7.4 Math 객체7.5 Date 객체 7.5.1 Date 객체 생성 7.5.2 Date 객체의 메소드[연습문제]Part 2. 제이쿼리Chapter 08. 제이쿼리 기초8.1 제이쿼리란?8.2 HTML 요소 가져오기 8.2.1 text()/html()/val() 메소드 8.2.2 attr() 메소드8.3 HTML 요소 설정하기 8.3.1 요소 내용 설정하기 8.3.2 속성 값 설정하기8.4 요소 추가/삽입/삭제하기 8.4.1 append() 메소드 8.4.2 prepend() 메소드 8.4.3 before()/after() 메소드 8.4.4 remove() 메소드8.5 CSS 조작하기 8.5.1 addClass() 메소드 8.5.2 removeClass() 메소드 8.5.3 css() 메소드[연습문제]Chapter 09. 제이쿼리 선택자9.1 제이쿼리 선택자란?9.2 기본 선택자 9.2.1 전체 선택자 9.2.2 요소 선택자 9.2.3 #id 선택자 9.2.4 .class 선택자 9.2.5 그룹 선택자9.3 자식/후손 선택자 9.3.1 자식 선택자 9.3.2 후손 선택자9.4 필터 선택자 9.4.1 : 기본 필터 9.4.2 : 자식 필터 9.4.3 : 폼 필터9.5 요소 탐색 9.5.1 parent() 메소드 9.5.2 find() 메소드 9.5.3 siblings() 메소드[연습문제]Chapter 10. 이벤트와 효과10.1 이벤트란?10.2 이벤트 메소드 10.2.1 마우스 이벤트 10.2.2 키보드 이벤트 10.2.3 폼 이벤트 10.2.4 윈도우 이벤트10.3 이벤트 등록 10.3.1 한 이벤트 등록하기 10.3.2 다수 이벤트 등록하기10.4 제이쿼리 효과 10.4.1 기본 효과 10.4.2 페이드 효과 10.4.3 슬라이드 효과10.5 애니메이션 효과 10.5.1 사용자 애니메이션 10.5.2 지연 효과 10.5.3 멈춤 효과[연습문제] Chapter 11. 실전! 제이쿼리11.1 제이쿼리 위젯 11.1.1 아코디언 패널 11.1.2 이미지 슬라이더 11.1.3 드롭다운 메뉴 11.1.4 부드러운 스크롤링 11.1.5 햄버거 슬라이드 아코디언11.2 제이쿼리 UI란?11.3 제이쿼리 UI 활용 11.3.1 드래그 이동 11.3.2 크기 조절 11.3.3 탭 버튼 11.3.4 데이트피커 11.3.5 인터랙티브 메뉴11.4 제이쿼리 플러그인 11.4.1 플러그인 제공 사이트 11.4.2 Flex Slider 플러그인 11.4.3 Scroll Progress Bar 플러그인[연습문제]
