HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 (기초부터 반응형 웹까지 초보자도 쉽게 배우는 웹 개발 지침서 | 2 판)

천인국

교수
서울대학교전자공학과에입학하여1983년에공학사학위를취득하였고,한국과학기술원대학원에입학하여1985년에전기및전자공학과석사학위를,1993년에박사학위를취득하였다.1985년부터1988년까지삼성전자종합연구소에서주임연구원으로재직하였고,1993년부터현재까지순천향대학교컴퓨터공학과교수로재직중이다.2005년에는캐나다UBC에서방문교수를지냈다.
저서로는「PowerJAVA3판」(2022,인피니티북스),「인공지능」(2020,인피니티북스),「스크래치로배우는컴퓨팅사고와문제해결」(2019,인피니티북스),「OpenCV를이용한디지털영상처리」(2019,인피니티북스),「PowerJavaCompact」(2018,인피니티북스),「어서와C++는처음이지!」(2018,인피니티북스),「문제해결과컴퓨팅사고」(2017,인피니티북스),「문제해결과컴퓨팅사고를위한스크래치」(2017,인피니티북스),「문제해결과컴퓨팅사고를위한파이썬」(2017,인피니티북스),「어서와파이썬은처음이지!」(2016,인피니티북스),「어서와Java는처음이지!」(2015,인피니티북스),「어서와C언어는처음이지!」(2015,인피니티북스),「HTML5+CSS3+JavaScript로배우는웹프로그래밍기초」(2014,인피니티북스),「C++Espresso」(2010,인피니티북스),「PowerC++」(2010,인피니티북스),「쉽게풀어쓴C언어Express」(2007,생능출판사),「C언어로쉽게풀어쓴자료구조」(2005,생능출판사)등이있다.

Chapter1기초사항
01웹의등장
02웹의기초기술
03웹브라우저
04HTML5
05웹페이지의구성
[Lab]크롬의개발자도구
06VScode설치
07VScode로HTML5문서작성하기
[Lab]구조화된HTML5문서작성

Chapter2HTML5기본요소
01이번장의목표
02HTML5문서구조
03텍스트표시
[Lab]커피전문점홈페이지#1
04리스트
05이미지
[Lab]커피전문점홈페이지#2
06링크
[Lab]썸네일
07테이블
08멀티미디어요소추가하기
[Lab]개인홈페이지만들기
[Lab]커피전문점홈페이지#3
[MiniProject]쇼핑몰웹사이트제작#1:설계

Chapter3입력양식과시맨틱태그
01iframe
02〈div〉태그로논리적인구역나누기
03HTML문서구조화와시맨틱요소
[Lab]구조화된HTML문서작성
04HTML입력양식
05입력요소
[Lab]이메일작성화면만들기
[Lab]회원정보입력화면만들기
06HTML5입력요소
[MiniProject]쇼핑몰웹사이트제작#2콘텐츠작성

Chapter4CSS3스타일시트기초
01CSS의개념
02선택자
[Lab]웹페이지에스타일지정하기
[Solution]웹페이지에스타일지정하기
03CSS를추가하는방법
[Lab]외부CSS파일이용하기
04색상
05폰트
06텍스트스타일설정
[MiniProject]CSS로스타일꾸미기

Chapter5CSS3박스모델과응용
01박스모델
02경계선
03요소의크기설정,마진,패딩
04배경설정하기
05하이퍼링크스타일
06리스트스타일
07테이블스타일
08입력양식꾸미기
09효과
10CSS변환
11CSS3차원변환
[MiniProjct]쇼핑몰웹사이트제작#3스타일붙이기

Chapter6CSS3레이아웃과애니메이션
01레이아웃의기초
02요소크기와위치정하기
03페이지레이아웃
04CSS3애니메이션
[Lab]구조화된HTML문서작성
[MiniProject]쇼핑몰웹사이트제작#4

Chapter7자바스크립트기초
01자바스크립트의소개
02자바스크립트의위치
03문장
04변수
05데이터타입
06연산자
07자바스크립트입출력
[Lab]덧셈프로그램작성
08조건문
09반복문
10함수
[MiniProject]숫자맞추기게임

Chapter8자바스크립트객체와배열
01객체
02Date객체
03String객체
04Math객체
05배열
06사용자객체생성하기#1
07사용자객체생성하기#2
08자바스크립트에서의오류처리
[MiniProject]배열에값저장하기

Chapter9DOM(DocumentObjectModel)
01문서객체모델(DOM)02DOM객체
03HTML요소찾기
04HTML요소의값읽기
[Lab]도형면적과부피계산
05HTML요소변경하기
[Lab]계산기#1
06DOM노드삭제와추가
07자바스크립트디버깅방법
[Lab]주사위게임
[MiniProject]지뢰찾기

Chapter10이벤트처리,입력검증,BOM
01이벤트
02마우스관련이벤트처리
[Lab]수학퀴즈페이지작성하기
03문서의로딩관련이벤트
[Lab]계산기#2
04입력값의유효성검증
05BOM
[MiniProject]기억력게임

Chapter11자바스크립트와캔버스로게임만들기
01캔버스요소
02도형그리기와채우기
03도형의속성
04도형변환
[Lab]그림판프로그램작성
[Lab]그림판만들기
05애니메이션
06앵그리공게임
07벽돌깨기게임
[MiniProject]벽돌깨기게임업그레이드

Chapter12웹서버와JSP기초
01웹서버개요
02톰캣설치
03첫번째JSP프로그램
04JSP기초
[Lab]예제실행해보기
05입력양식은어떻게서버에서처리될까?
[MiniProject]게시판만들기

Chapter13모바일웹페이지와반응형웹디자인
01반응형웹디자인
02가상뷰포트
03미디어쿼리
[Lab]중단점설정하여레이아웃변경하기
[Solution]중단점설정하여레이아웃변경하기
04유동레이아웃
05반응형이미지
06웹앱
[MiniProject]반응형웹만들기

Chapter14HTML5위치정보와드래그와드롭
01SVG
[Lab]구조화된HTML문서작성
02드래그와드롭
[Lab]드래그게임만들기
03HTML5위치정보
04OpenStreetMap지도이용하기
05HTML5웹워커
[MiniProject]이미지맞히기게임제작

Chapter15HTML5웹스토리지,파일API,AJAX
01HTTP프로토콜과쿠기
02HTML5웹스토리지
03파일API
04AJAX
05fetchAPI
[MiniProject]localstorage에정보저장하기

2판에서추가및업데이트된내용
-자바스크립트최신버전을사용하였다.
-모바일웹과반응형웹내용을대폭보강하였다.
-자바스크립트객체와배열내용을보강하였다.
-JSP를사용하여클라이언트와서버사이의상호작용을쉽게설명하였다.

웹프로그래밍기초부터반응형웹까지한권에모두담았다!
웹은우리의생활을완전히변화시키고많은영향을끼치고있는중요한기술이다.우리는웹을통하여정보를얻거나상품을구매하거나콘텐츠를만들어내는등의다양한활동을하고있다.이처럼웹은컴퓨터공학전공자로서반드시알아야하는필수적인기술이되었다.HTML5로는콘텐츠를만들고,CSS3로는스타일을,자바스크립트로는동작을작성하게된다.그외JSP로클라이언트와서버사이의상호작용을다루기도한다.이책은이러한모든것을담고있는웹개발최고의지침서이다.

이책의특징
-최근의웹프로그래밍에서중요하게간주되는HTML5와CSS3,자바스크립트,모바일웹,반응형웹등의내용을빠짐없이수록하였다.
-최근HTML개발의기본도구가된VScode를사용하였다.
-각각의주제에대하여개념과원리를자세하게설명하였으며문답식으로친숙하게설명하였다.
-중요한개념을할명한후에실습프로젝트예제를소스코드와함께제시하여,독자들스스로프로젝트를진행할때도움이되도록하였다.
-그림을많이사용하여보다재미있고지루하지않으며독자들이이해하기쉬운교재를만들려고노력했다.