웹프로그래밍 초보자도 쉽게 배우는 웹 개발 지침서!이 책은 웹프로그래밍을 처음 배우는 초보자들을 위해 기초부터 차근차근 설명한다. 1~3장에서는 HTML5를, 4~6장에서는 CSS3를, 7~11장에서는 자바스크립트를 그리고 12~15장에서는 고급 기술인 JSP와 반응형 웹 등에 대해서 다룬다. 단순하게 개념 설명만을 하는 것이 아닌 다양한 예제들을 통해 추후 실제 프로젝트를 진행하는 데 도움이 되도록 하였다. 또한 많은 수의 연습문제와 도전문제 그리고 프로그래밍 문제를 통해 학습한 내용을 스스로 복습해볼 수 있도록 구성하였다.
서울대학교 전자공학과에 입학하여 1983년에 공학사 학위를 취득하였고, 한국과학기술원 대학원에 입학하여 1985년에 전기 및 전자공학과 석사 학위를, 1993년에 박사 학위를 취득하였다. 1985년부터 1988년까지 삼성전자 종합연구소에서 주임 연구원으로 재직하였고, 1993년부터 현재까지 순천향대학교 컴퓨터공학과 교수로 재직 중이다. 2005년에는 캐나다 UBC에서 방문교수를 지냈다.
저서로는 『인공지능 2판』(2023, 인피니티북스), 『HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 2판』(2023, 인피니티북스), 『Power JAVA 3판』(2022, 인피니티북스), 『인공지능』(2020, 인피니티북스), 『스크래치로 배우는 컴퓨팅 사고와 문제해결』(2019, 인피니티북스), 『OpenCV를 이용한 디지털 영상처리』(2019, 인피니티북스), 『Power Java Compact』(2018, 인피니티북스), 『어서와 C++는 처음이지!』(2018, 인피니티북스), 『문제해결과 컴퓨팅 사고』(2017, 인피니티북스), 『문제해결과 컴퓨팅 사고를 위한 스크래치』(2017, 인피니티북스), 『문제해결과 컴퓨팅 사고를 위한 파이썬』(2017, 인피니티북스), 『어서와 파이썬은 처음이지!』(2016, 인피니티북스), 『어서와 Java는 처음이지!』(2015, 인피니티북스), 『어서와 C언어는 처음이지!』(2015, 인피니티북스), 『HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초』(2014, 인피니티북스), 『C++ Espresso』(2010, 인피니티북스), 『Power C++』(2010, 인피니티북스), 『쉽게 풀어쓴 C언어 Express』(2007, 생능출판사), 『C언어로 쉽게 풀어쓴 자료구조』(2005, 생능출판사) 등이 있다.
Chapter 1 기초사항01 웹의 등장02 웹의 기초 기술03 웹 브라우저04 HTML505 웹 페이지의 구성[Lab] 크롬의 개발자 도구06 VS code 설치07 VS code로 HTML5 문서 작성하기[Lab] 구조화된 HTML5 문서 작성Chapter 2 HTML5 기본 요소01 이번 장의 목표02 HTML5 문서 구조03 텍스트 표시[Lab] 커피 전문점 홈페이지 #104 리스트05 이미지[Lab] 커피 전문점 홈페이지 #206 링크[Lab] 썸네일07 테이블08 멀티미디어 요소 추가하기[Lab] 개인 홈페이지 만들기[Lab] 커피 전문점 홈페이지 #3[Mini Project] 쇼핑몰 웹사이트 제작 #1: 설계Chapter 3 입력 양식과 시맨틱 태그01 iframe02 〈div〉 태그로 논리적인 구역 나누기03 HTML 문서 구조화와 시맨틱 요소[Lab] 구조화된 HTML 문서 작성04 HTML 입력 양식05 입력 요소[Lab] 이메일 작성 화면 만들기[Lab] 회원 정보 입력 화면 만들기06 HTML5 입력 요소[Mini Project] 쇼핑몰 웹 사이트 제작 #2 콘텐츠 작성Chapter 4 CSS3 스타일시트 기초01 CSS의 개념02 선택자[Lab] 웹 페이지에 스타일 지정하기[Solution] 웹 페이지에 스타일 지정하기03 CSS를 추가하는 방법[Lab] 외부 CSS 파일 이용하기04 색상05 폰트06 텍스트 스타일 설정[Mini Project] CSS로 스타일 꾸미기Chapter 5 CSS3 박스 모델과 응용01 박스 모델02 경계선03 요소의 크기 설정, 마진, 패딩04 배경 설정하기05 하이퍼링크 스타일06 리스트 스타일07 테이블 스타일08 입력 양식 꾸미기09 효과10 CSS 변환11 CSS 3차원 변환[Mini Projct] 쇼핑몰 웹 사이트 제작 #3 스타일 붙이기Chapter 6 CSS3 레이아웃과 애니메이션01 레이아웃의 기초02 요소 크기와 위치 정하기03 페이지 레이아웃04 CSS3 애니메이션[Lab] 구조화된 HTML 문서 작성[Mini Project] 쇼핑몰 웹 사이트 제작 #4Chapter 7 자바스크립트 기초01 자바스크립트의 소개02 자바스크립트의 위치03 문장04 변수05 데이터 타입06 연산자07 자바스크립트 입출력[Lab] 덧셈 프로그램 작성08 조건문09 반복문10 함수[Mini Project] 숫자 맞추기 게임Chapter 8 자바스크립트 객체와 배열01 객체02 Date 객체03 String 객체04 Math 객체05 배열06 사용자 객체 생성하기 #107 사용자 객체 생성하기 #208 자바스크립트에서의 오류 처리[Mini Project] 배열에 값 저장하기Chapter 9 DOM(Document Object Model)01 문서 객체 모델(DOM)02 DOM 객체03 HTML 요소 찾기 04 HTML 요소의 값 읽기[Lab] 도형 면적과 부피 계산05 HTML 요소 변경하기[Lab] 계산기 #106 DOM 노드 삭제와 추가07 자바스크립트 디버깅 방법[Lab] 주사위 게임[Mini Project] 지뢰찾기Chapter 10 이벤트 처리, 입력 검증, BOM01 이벤트02 마우스 관련 이벤트 처리[Lab] 수학 퀴즈 페이지 작성하기03 문서의 로딩 관련 이벤트[Lab] 계산기 #204 입력값의 유효성 검증05 BOM[Mini Project] 기억력 게임Chapter 11 자바스크립트와 캔버스로 게임 만들기01 캔버스 요소02 도형 그리기와 채우기03 도형의 속성04 도형 변환[Lab] 그림판 프로그램 작성[Lab] 그림판 만들기05 애니메이션06 앵그리 공 게임07 벽돌 깨기 게임[Mini Project] 벽돌 깨기 게임 업그레이드Chapter 12 웹서버와 JSP 기초01 웹서버 개요02 톰캣 설치03 첫 번째 JSP 프로그램04 JSP 기초[Lab] 예제 실행해보기05 입력 양식은 어떻게 서버에서 처리될까?[Mini Project] 게시판 만들기Chapter 13 모바일 웹 페이지와 반응형 웹 디자인01 반응형 웹 디자인02 가상 뷰포트03 미디어 쿼리[Lab] 중단점 설정하여 레이아웃 변경하기[Solution] 중단점 설정하여 레이아웃 변경하기04 유동 레이아웃05 반응형 이미지06 웹 앱[Mini Project] 반응형 웹 만들기Chapter 14 HTML5 위치정보와 드래그와 드롭01 SVG[Lab] 구조화된 HTML 문서 작성02 드래그와 드롭[Lab] 드래그 게임 만들기03 HTML5 위치정보04 Open Street Map 지도 이용하기05 HTML5 웹 워커[Mini Project] 이미지 맞히기 게임 제작Chapter 15 HTML5 웹스토리지, 파일 API, AJAX01 HTTP 프로토콜과 쿠기02 HTML5 웹스토리지03 파일 API04 AJAX05 fetch API[Mini Project] local storage에 정보 저장하기
