Do it! HTML+CSS+자바스크립트 웹 표준의 정석 ━ 전면 개정판

책의 기본 정보

출판사

이지스퍼블리싱

출간일

2024-07-30

분량

688쪽

ISBN

9791163036227

책의 내용과 읽을 거리

『Do it! HTML+CSS+자바스크립트 웹 표준의 정석 ━ 전면 개정판』은 웹 페이지의 구조와 모양, 동작을 한 흐름에서 익히려는 입문서입니다. HTML로 내용을 구성한 뒤 CSS로 배치와 표현을 조절하고 자바스크립트 기초로 범위를 넓힙니다. 여기서 소개하는 것은 2024년의 세 기술 통합 판본입니다. HTML과 CSS만 다루는 다른 제목의 책과 혼동하지 않고 자신의 학습 목표에 맞춰 고르는 것이 좋습니다.

HTML을 읽을 때는 화면에 크게 보이는 글자와 문서에서 중요한 제목을 구분하는 데서 출발해 보세요. 태그는 단순히 모양을 만드는 표시가 아니라 내용의 종류와 구조를 나타냅니다. 책의 텍스트와 목록, 링크, 이미지 예제를 따라 쓴 뒤 자신이 소개하고 싶은 주제로 내용을 바꾸는 활동을 권합니다. 이때 예쁜 화면보다 제목과 본문, 이동할 링크의 관계가 분명한지 먼저 확인할 수 있습니다.

입력 양식과 문서 구조를 다루는 부분에서는 페이지를 읽는 사람과 정보를 입력하는 사람이 무엇을 해야 하는지 생각해 보세요. 입력 요소를 나열하는 것과 각 요소의 목적을 알아보기 쉽게 구성하는 일은 다릅니다. 책의 예제를 활용해 이름과 설명, 입력받을 내용을 따로 적어 보면 태그를 선택하는 이유가 선명해집니다. 실제 개인정보를 수집하지 않는 연습용 내용으로 실습하는 편이 좋습니다.

CSS에서는 선택자가 어느 요소에 적용되는지와 박스 모델이 공간을 어떻게 차지하는지 먼저 살펴보세요. 색상과 글꼴을 바꾸는 데 익숙해도 여백과 크기의 관계를 이해하지 못하면 레이아웃에서 막히기 쉽습니다. 예제의 속성을 여러 개 한꺼번에 고치기보다 하나씩 바꾸어 예상과 실제 화면을 비교하는 읽기를 권합니다. 원하는 모양이 되었을 때 어떤 규칙이 작동했는지 설명할 수 있어야 합니다.

이 판본은 미디어 쿼리, 플렉스와 그리드 등 화면 크기에 대응하는 배치도 다룹니다. 특정 기기의 화면을 똑같이 재현하는 일보다 공간이 좁아졌을 때 내용의 순서와 크기를 어떻게 유지할지 질문해 보세요. 같은 내용을 두 배치 방식으로 구성해 차이를 비교하는 것은 책을 활용하는 한 방법입니다. 실제 브라우저에서 넓이와 글자 크기를 바꾸어 확인하는 활동을 함께 두면 좋습니다.

자바스크립트 기초로 넘어가면 이미 만든 문서에 동작을 더하는 흐름을 만납니다. 이때 HTML과 CSS에서 배운 역할이 사라지는 것은 아닙니다. 내용의 구조, 표현 규칙, 사용자 행동에 대한 반응을 구분해서 읽어 보세요. 세 기술을 한 권에서 연결한다는 점은 전체 그림을 잡는 데 도움이 되지만, 자바스크립트의 깊은 언어 규칙이나 대규모 프레임워크까지 다루는 책으로 기대하지 않는 편이 적절합니다.

독학할 때는 제공 예제를 실행하는 일과 새로운 내용을 배치하는 일을 번갈아 해 보세요. 예제와 똑같은 화면만 만들면 어느 부분을 이해했는지 알기 어렵습니다. 2024년 개정판의 설명을 현재 모든 브라우저와 도구의 지원 보장으로 보지는 않으며, 설치 화면이나 세부 동작이 다를 수 있습니다. 기본 구조와 배치 원리를 중심으로 읽고 실제 사용 환경에서 결과를 확인하는 습관을 함께 기르세요.

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

HTML의 의미 있는 문서 구조와 입력 양식, CSS 선택자와 박스 모델을 공부할 수 있습니다. 미디어 쿼리·플렉스·그리드로 반응형 배치를 살피고 자바스크립트 기초로 이어집니다. 활용 과제는 같은 내용을 넓은 화면과 좁은 화면에 배치한 뒤 제목 구조와 읽는 순서가 유지되는지 확인하는 것입니다.

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

• 세 기술의 역할 연결: HTML 구조와 CSS 표현을 익힌 뒤 자바스크립트의 동작으로 이동합니다.
• 문서와 양식의 기본: 내용의 종류와 입력받을 정보를 태그로 표현하는 방법을 살핍니다.
• 공간을 이해하는 CSS: 선택자와 박스 모델을 배치 문제의 기초로 공부합니다.
• 반응형 배치 범위: 미디어 쿼리·플렉스·그리드를 다루는 판본입니다.
• 예제를 바꾸는 자습: 제공 코드를 실행한 뒤 자신의 내용으로 구성하는 연습에 활용할 수 있습니다.

이런 독자에게 권합니다

처음 웹 페이지를 만들며 구조와 배치를 함께 배우고 싶은 독자에게 권합니다. HTML·CSS만 빠르게 확인하려는 독자는 이 책이 자바스크립트까지 포함한다는 점을 고려하세요. 실제 서비스의 모든 접근성·보안 조건을 한 권으로 완성하는 목적과는 구분합니다.

작가 소개

고경희는 HTML과 CSS, 자바스크립트 등 웹 기술 관련 강의와 집필을 이어 온 저자입니다. 출판사 소개에는 컴퓨터공학 전공과 웹 개발 입문서, Node.js와 자바스크립트 관련 저술 이력이 나옵니다.

이 책과 함께 읽는 주제

• HTML CSS 입문 책 추천: 내용의 구조와 화면 배치를 구분하며 배우기
• 웹 개발 입문 책 추천: 첫 페이지에서 동작을 더하는 순서