『웹의 이해』는 웹 개발을 처음 시작하는 사람들을 위한 입문서로, 인터넷과 웹의 기본 개념부터 HTML, CSS, JavaScript를 활용한 웹 제작, 그리고 Git을 통한 협업까지 폭넓게 다룹니다. 웹의 원리를 이해하고, 실무에서 활용할 수 있는 기초를 다지고 싶은 분들을 위한 책입니다.

우리는 매일 웹을 사용합니다. 뉴스 기사를 읽고, 온라인 쇼핑을 하고, 영화를 스트리밍하며, 검색을 통해 필요한 정보를 찾습니다. 하지만 우리가 접하는 이 웹이 어떤 원리로 동작하는지, 그리고 그 배경에는 어떤 기술이 숨겨져 있는지 깊이 생각해 본 적이 있을까요? 『웹의 이해』는 웹의 작동 원리를 체계적으로 배우고 싶은 독자들을 위한 책으로, 웹 개발의 기초부터 실무 활용까지 폭넓게 다룹니다.

이 책은 “웹이란 무엇인가?”, “어떻게 동작하는가?”라는 근본적인 질문에서 시작해, 웹을 구성하는 핵심 기술들을 HTML, CSS, JavaScript와 같은 기본적인 언어를 중심으로 설명합니다. 특히, 웹 개발을 처음 접하는 입문자부터 기초 지식을 정리하고 싶은 개발자 지망생까지 모두 이해할 수 있도록 구성되어 있어, 직접 웹 페이지를 제작해 보며 학습할 수 있도록 도와줍니다.

또한, 웹 개발에서 중요한 개념인 웹 표준, 접근성, 그리고 Git을 활용한 협업과 버전 관리에 대한 실용적인 내용을 포함하여, 더 나은 웹 환경을 구축하는 방법을 알려 줍니다. 웹 개발을 배우면서도 “왜?”와 “어떻게?”를 고민하는 사고력을 키울 수 있도록 안내하는 것이 이 책의 특징입니다.

『웹의 이해』는 웹 개발의 기초를 다지고 싶은 독자들에게 필요한 책입니다. 개발자가 아니더라도 웹이 어떻게 동작하는지 궁금한 사람이라면, 이 책을 통해 웹의 본질을 이해하고, 나아가 실무에서 활용할 수 있는 기본기를 다질 수 있을 것입니다.

이제 여러분도 웹의 세계로 첫발을 내디뎌 보시기 바랍니다. 『웹의 이해』는 웹을 처음 배우는 여정의 좋은 안내서가 될 것입니다.

프롤로그

1부 인터넷과 웹

인터넷이란 무엇인가

웹이란 무엇인가

웹 브라우저의 이해

도메인과 호스팅

다양한 웹사이트의 형태

웹 개발 준비하기

2부 HTML

HTML의 기본 개념과 문서 구조

HTML 파일 생성과 시멘틱 태그 사용

웹 문서에 콘텐츠 추가

텍스트와 목록

이미지와 하이퍼링크

오디오와 비디오 콘텐츠

사용자 입력 폼 작성

HTML 폼의 기초

다양한 <input> 태그와 속성

3부 CSS

CSS의 기본 개념과 작성법

스타일 시트의 이해

CSS의 상속과 우선순위

텍스트와 레이아웃 스타일링

글꼴과 텍스트 스타일

웹 폰트와 아이콘 폰트

목록과 표 스타일링

박스 모델

CSS 박스 모델의 이해

테두리와 여백 조정

레이아웃 만들기와 위치 지정

배경과 그래픽 효과

배경색과 배경 이미지 설정

그러데이션 효과 활용하기

4부 반응형 웹

반응형 웹이란 무엇인가

유연한 디자인 요소 만들기

미디어 쿼리 사용법

플렉스박스 레이아웃

플렉스박스의 기본 속성

반응형 배치를 위한 플렉스박스 활용

CSS 그리드 레이아웃

그리드 레이아웃의 기본 개념

그리드 영역과 라인을 활용한 배치

5부 고급 CSS

CSS 고급 선택자와 함수

연결 선택자와 속성 선택자

가상 클래스와 가상 요소

CSS 함수 활용

애니메이션과 전환 효과

트랜스폼으로 요소 변형하기

트랜지션으로 부드러운 전환 효과 만들기

애니메이션 활용

6부 JavaScript

JavaScript의 기본 개념

JavaScript의 역할과 기능

JavaScript 문법의 기본 요소

7부 문서 객체 모델(DOM)

JavaScript 객체 이해하기

객체의 개념과 구조

JavaScript의 내장 객체와 브라우저 객체 모델(BOM)

DOM 구조와 요소 접근

DOM 요소의 내용 수정 및 노드 추가·삭제

DOM 이벤트 처리와 클래스 관리

8부 Git

Git의 이해

원격 저장소 활용

Git 기본 사용법

에필로그