bookseek.
◎ 한국어 ⌄
HTML5 웹 프로그래밍 입문(4판) 책 표지

BOOKSEEK BOOK NOTES

HTML5 웹 프로그래밍 입문(4판)

윤인성 지음

단계별 예제와 단원 정리로 HTML5·CSS3·자바스크립트의 기본을 익히는 4판입니다. 문서 구조와 입력 양식, 레이아웃과 DOM 학습 범위를 살피고, 강의용 교재의 연습 문제를 자습에 활용할 때 확인할 점을 정리했습니다.

구매하기 ↗

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

책의 기본 정보

출판사
한빛아카데미
출간일
2023-08-05
분량
500쪽
ISBN
9791156646716

책의 내용과 읽을 거리

『HTML5 웹 프로그래밍 입문(4판)』은 HTML5와 CSS3, 자바스크립트의 기본을 단계별로 익히는 실습 교재입니다. 웹의 동작과 실습 환경에서 출발해 문서 구조, 기본 태그와 입력 양식, CSS와 레이아웃으로 이어집니다. 단원별 요약과 연습 문제를 활용해 일정한 진도로 공부하고 싶은 독자에게 맞습니다. 강의용 교재 성격을 갖고 있다는 점이 프로젝트 중심 자습서와 비교할 기준입니다.

웹을 처음 배울 때는 파일을 작성하는 도구와 결과를 보여 주는 브라우저의 역할을 나누어 이해하면 좋습니다. 이 책의 첫 부분은 웹의 기본 동작과 문서를 만드는 과정을 함께 살펴보게 합니다. HTML 문서를 수정한 뒤 어디에서 결과를 확인하는지, 보이지 않는 정보와 화면의 내용은 어떻게 다른지 적어 보세요. 이런 구분이 되어 있으면 태그를 배울 때 작업 흐름에서 길을 잃기 어렵습니다.

텍스트와 목록, 표, 미디어를 다루는 부분은 내용을 어떤 종류로 표현할지 고르는 공부입니다. 표로 보여 주기 편해 보인다는 이유와 데이터가 실제로 행과 열의 관계를 갖는다는 이유는 구분해야 합니다. 예제의 내용을 자신이 만든 간단한 소개 문서로 바꾸어 보세요. 여러 태그를 사용한 수보다 각 요소가 왜 그 자리에 있는지 설명할 수 있는지가 중요한 확인 기준입니다.

입력 양식과 문서 구조화 다음에는 종합 예제로 앞의 내용을 다시 사용합니다. 별개로 배웠던 태그들이 한 페이지에서 어떤 순서로 놓이는지 살펴볼 수 있습니다. 완성 화면을 그대로 따라 그리기보다 먼저 필요한 내용의 목록을 작성한 뒤 적절한 구조를 선택하는 활동을 권합니다. 개인이나 회사의 실제 정보를 넣지 않아도 연습용 문서만으로 구성 원리를 충분히 확인할 수 있습니다.

CSS 선택자와 속성을 공부한 뒤 레이아웃 예제를 살펴볼 때는 적용 범위가 겹치는 곳에 주목해 보세요. 같은 요소에 여러 규칙이 영향을 주면 예상과 다른 결과가 나타날 수 있습니다. 속성을 한 번에 여러 개 바꾸기보다 변경 전후를 비교하고 어느 규칙이 영향을 주었는지 적는 편이 좋습니다. 단원별 예제는 이런 작은 확인을 반복하는 데 활용할 수 있습니다.

후반부에는 자바스크립트와 문서 객체 모델, jQuery 및 관련 활용 범위가 이어집니다. 이 부분은 화면을 만드는 기술에서 동작을 제어하는 기술로 관심을 넓히는 과정으로 볼 수 있습니다. 다만 jQuery가 포함되어 있다는 사실을 오늘날 모든 웹 프로젝트의 필수 선택으로 받아들이지는 마세요. 책이 설명하는 접근과 현재 자신이 만들려는 서비스의 도구 선택은 구분해서 판단해야 합니다.

이 책은 2023년 한국어 4판이며 출판사는 연습 문제 해답을 제공하지 않는다고 안내합니다. 혼자 공부할 계획이라면 문제를 푼 뒤 실행 결과나 자신의 설명을 점검할 방법이 필요합니다. 수업이나 스터디에서 질문을 나눌 수 있는 환경인지도 선택할 때 고려해 보세요. 모든 문제를 빨리 끝내는 것보다 HTML의 구조, CSS의 표현, 자바스크립트의 동작을 구분해 설명하는 목표가 유용합니다.

이 책에서 공부할 수 있는 내용

웹 문서의 기본 구조와 태그, 입력 양식과 구조화, CSS 선택자·속성·레이아웃을 공부할 수 있습니다. 자바스크립트와 DOM, jQuery 활용도 포함됩니다. 활용 과제로는 한 페이지에서 HTML이 결정하는 내용과 CSS가 결정하는 표현, 스크립트가 바꾸는 동작을 다른 색으로 표시해 보기를 제안합니다.

설명 방식에서 눈여겨볼 특징

  • 강의형 학습 흐름: 단원별 예제와 요약, 연습 문제로 진도를 점검합니다.
  • 기본 요소의 연결: 태그와 양식 학습 뒤 종합 예제에서 문서 구조를 확인합니다.
  • 레이아웃 실습: CSS 규칙이 화면 배치에 미치는 영향을 살핍니다.
  • 동작으로의 확장: 자바스크립트·DOM·jQuery 범위를 통해 문서 제어를 읽습니다.
  • 자습 조건의 확인: 연습 문제 해답 미제공이라는 출판사 안내를 고려해야 합니다.

이런 독자에게 권합니다

정해진 단원 순서와 연습 문제를 따라 공부하고 싶은 입문자, 수업이나 스터디에서 함께 배우는 독자에게 권합니다. 혼자 모든 문제의 정답을 대조해야 학습하기 편하다면 해답 미제공 조건을 먼저 고려하세요. 특정 최신 프레임워크의 입문서와는 목적이 다릅니다.

이 책에서 주로 다루는 내용

  • HTML 요소와 CSS 기본 스타일
  • 페이지 배치와 반응형 구성
  • 자바스크립트와 문서 객체의 기초

작가 소개

윤인성은 자바스크립트, C#, 파이썬 등 프로그래밍 입문서를 집필하고 기술서를 번역해 온 저자입니다. 한빛아카데미 저자 소개에서 여러 언어의 기초 교육용 저술 이력을 확인할 수 있습니다.

이 책과 함께 읽는 주제

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.