웹 분야 도서 1위! 누적 판매 부수 13만 부!
‘웹 표준의 정석’ 시리즈의 최신 개정판과 함께
웹 개발의 3대 기술을 끝낸다!

웹 분야 1위 도서 《Do it! HTML+CSS+자바스크립트 웹 표준의 정석》이 전면 개정판으로 돌아왔다. 이번 개정판에서는 최신 웹 표준부터 반응형 웹, ES6+까지 초판 출간 후 3년이 넘는 시간 동안 변해 온 웹 개발의 기술과 트렌드를 적극 반영했다. 절반이 넘게 고치고 다시 쓰면서 지금 실무에 가장 가까운 기본서로 새롭게 태어났다.
친절한 설명은 기본! 실습할 때 사용하는 예제 소스 파일을 모두 제공한다. 독자는 실습에서 요구하는 부분만 코딩하면 되므로 학습할 때 막힘이 없다. 또한 1번 읽더라도 마치 3번 읽은 것과 같은 효과를 볼 수 있도록 다양한 학습 장치를 배치했다. 마지막으로 PDF 책 <넷플릭스 사이트 따라 만들기>를 무료로 제공해 책에서 배운 내용으로 실제 서비스와 비슷한 웹 사이트를 만들어 본다. 태그와 속성, 문법을 한눈에 볼 수 있는 ‘웹 치트 시트’도 부록으로 제공한다.

홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부했다. 생성형 AI가 등장하면서 급변하는 시대에도 꼭 필요한 웹 기술의 기본을 제대로 공부할 수 있도록 꾸준히 집필을 이어가고 있다.

2010년 『Do it! HTML5+CSS3』 출간 이후 웹 관련 강의와 집필을 꾸준히 해왔다. 그동안 HTML과 DHTML(Dynamic HTML), CSS, 자바스크립트 등 웹 관련 기술을 더 쉽게 익힐 수 있는 도서 60여 종을 집필했다. 특히 2021년 출간한 『Do it! HTML+CSS+자바스크립트 웹 표준의 정석』은 웹 개발 입문자의 필독서로 자리매김하여 출간 후 계속해서 웹 분야 베스트셀러를 이어 오고 있다.

첫째마당 웹과 HTML 시작하기

01 웹은 어떻게 움직일까
__01-1 여러 형태의 웹 사이트
__01-2 네트워크 이해하기
__01-3 웹의 기본 동작 이해하기
__01-4 웹 접근성 알아보기
__01장 되새김 문제

02 웹 개발 시작하기
__02-1 웹 개발, 어디서부터 시작할까
__02-2 웹 개발 환경 설정하기

03 HTML 기본 문서 만들기
__03-1 HTML과 첫 만남
__03-2 HTML의 구조 파악하기
__03-3 HTML 파일 만들기
__03-4 웹 문서의 구조를 만드는 시맨틱 태그
__03장 되새김 문제

04 웹 문서에 다양한 내용 입력하기
__04-1 텍스트 입력하기
__04-2 목록 만들기
__04-3 표 만들기
__04-4 이미지 삽입하기
__04-5 오디오와 비디오 삽입하기
__04-6 하이퍼링크 삽입하기
__04장 되새김 문제

05 입력 양식 작성하기
__05-1 폼 삽입하기
__05-2 사용자 입력을 위한 input 태그
__05-3 input 태그의 주요 속성
__05-4 폼에서 사용하는 여러 가지 태그
__05장 되새김 문제

둘째마당 CSS 다루기

06 CSS의 기본
__06-1 스타일과 스타일 시트
__06-2 CSS 기본 선택자 알아보기
__06-3 캐스케이딩 스타일 시트 알아보기
__06장 되새김 문제

07 텍스트를 표현하는 다양한 스타일
__07-1 글꼴 관련 스타일
__07-2 웹 폰트와 아이콘 폰트 사용하기
__07-3 텍스트 관련 스타일
__07-4 목록 스타일
__07-5 표 스타일
__07장 되새김 문제

08 CSS 박스 모델
__08-1 CSS와 박스 모델
__08-2 테두리 스타일 지정하기
__08-3 여백을 조절하는 속성
__08-4 웹 문서의 레이아웃 만들기
__08-5 웹 요소의 위치 지정하기
__08장 되새김 문제

09 이미지와 그러데이션 효과로 배경 꾸미기
__09-1 배경색과 배경 범위 지정하기
__09-2 배경 이미지 지정하기
__09-3 그러데이션 효과로 배경 꾸미기
__09장 되새김 문제

셋째마당 반응형 웹 만들기

10 반응형 웹과 미디어 쿼리
__10-1 반응형 웹 알아보기
__10-2 반응형 요소 만들기
__10-3 미디어 쿼리 알아보기
__10장 되새김 문제

11 플렉스 박스 레이아웃으로 배치하기
__11-1 배치를 위한 기본 속성 살펴보기
__11-2 반응형 웹을 위한 속성 살펴보기
__11장 되새김 문제

12 CSS 그리드 레이아웃으로 배치하기
__12-1 CSS 그리드 레이아웃 사용하기
__12-2 그리드 라인과 템플릿 영역으로 배치하기
__12장 되새김 문제

넷째마당 CSS 고급 기능

13 CSS 고급 선택자
__13-1 연결 선택자
__13-2 속성 선택자
__13-3 가상 클래스와 가상 요소
__13-4 CSS 함수 살펴보기
__13장 되새김 문제

14 트랜지션과 애니메이션
__14-1 트랜스폼 알아보기
__14-2 트랜지션 알아보기
__14-3 애니메이션 알아보기
__14장 되새김 문제

다섯째마당 자바스크립트 기초

15 자바스크립트와 첫 만남
__15-1 자바스크립트로 무엇을 할까
__15-2 웹 브라우저가 자바스크립트를 만났을 때
__15-3 자바스크립트 용어와 기본 입출력 방법
__15-4 자바스크립트 스타일 가이드
__15장 되새김 문제

16 자바스크립트 기본 문법
__16-1 변수 알아보기
__16-2 자료형 이해하기
__16-3 연산자 알아보기
__16-4 조건문 알아보기
__16-5 반복문 알아보기
__16장 되새김 문제

17 함수와 이벤트
__17-1 함수 알아보기
__17-2 변수 스코프
__17-3 재사용할 수 있는 함수 만들기
__17-4 함수 표현식
__17-5 이벤트와 이벤트 처리기
__17장 되새김 문제

여섯째마당 문서 객체 모델(DOM)

18 자바스크립트와 객체
__18-1 객체 알아보기
__18-2 자바스크립트의 내장 객체
__18-3 브라우저와 관련된 객체
__18장 되새김 문제

19 문서 객체 모델(DOM) 다루기
__19-1 문서 객체 모델 알아보기
__19-2 DOM 요소에 접근하고 내용 수정하기
__19-3 DOM에서 이벤트 처리하기
__19-4 DOM에서 노드 추가·삭제하기
__19-5 class 속성 추가·삭제하기
__19장 되새김 문제

[Do it! 실전 프로젝트] 넷플릭스 사이트 따라 만들기

찾아보기