[리뷰] 성취감을 맛볼 수 있는 ‘모던 웹을 위한 HTML5+CSS3 바이블‘

모던 웹을 위한 HTML5+CSS3 바이블 - 3판, 표준을 적용한 480개의 코드로 배우는 웹 페이지 제작의 모든 것
윤인성 지음 / 한빛미디어 / 2019년 5월

이 글에는 스포일러가 포함되어 있습니다.

오랜만에 성취감을 맛볼 수 있는 책을 만났습니다. 바로 ‘모던 웹을 위한 HTML+CSS3 바이블 3판’이에요. 비전공자 출신으로 항상 혼자 공부하면서 좀 더 알차게 기본적인 틀을 쌓아가고 싶다는 생각을 많이 했는데요.

이 책을 만나면서 하루에 chapter 1개 정도의 분량으로 20일에 끝내는 학습 계획표가 있어서 목표를 잡고 공부할 수 있는 동기를 만들어주는 느낌이 좋았어요. (자기에 맞게 플랜을 짜면서 공부할 수 있습니다.)

처음 시작하는 단계에서 독자들의 흥미?? 호기심을 자극하는 웹에 대한 역사가 들어있어서 약간의 신선하다는 느낌을 느낄 수 있었습니다.

책의 가장 큰 구성으로 장마다 무엇을 배우나요?, 미리 보기, 팁, 연습문제라는 큰 구성을 가지고 있어서 시작과 끝을 확실히 맛볼 수 있으며, 결론부터 말씀드리면 한 챕터 시작과 마무리를 지으면서 결과값을 나왔을 때 완성한 자신의 모습을 보면 학창시절 느꼈던 성취감을 느낄 수 있어서 좋았습니다.

기본적으로 알고 있어야 하는 HTML 태그들을 먼저 알려줍니다. 공부를 첨 시작하는 사람들에게도 더 기본적인 지식을 쌓고 싶은 사람들에게 한눈에 알아볼 수 있게 태그들을 설명하시고 알록달록한 느낌으로 그 태그에 대한 정확한 포인트를 집어주는 느낌 가독성이 좋아서 쉽게 HTML에 다가갈 수 있었습니다.

솔직히 직관적으로 보여주는 포인트가 맘에 속 들었어요.

또, 한 챕터를 공부하시다가 보면서 중간에 틈틈이 나오는 팁 부분은 놓치지 않고 보면 웹 분야에 대한 지식재산??을 쌓을 수 있는 느낌을 받았습니다.

경험담으로 HTML 챕터에서 이미지 크기에 대한 팁 설명이 있는데요. 웹페이지 구상에서 이미지가 정확하게 정해지지 않았을 경우, 사이즈만 알고 있을 때가 가끔 있어서 항상 고민하던 중 유용하게 사용할 수 있는  placehold.it 사이트를 알려주셔서 감사합니다.

이미지가 정확하게 안 정해져 있을 때 사이즈만 알고 있으면 미리 적용할 수 있어서 큰 틀을 간편하게 짤 수 있는 게 큰 도움을 받을 수 있습니다.

더 나아가 이 책의 핵심은 CSS에 있다고 생각하는데요.

비전공자 입장에서 혼자 공부하다가 보면 항상 알고 있는 부분의 선택자, 속성으로만 웹페이지를 만드는 경향이 생기는데 이번엔 CSS에 대한 전반적인 숲을 본 기분이라고 표현할까요? CSS3 선택자 기본부터 스타일 속성까지 다루면서 몰랐던 선택자랑 스타일 속성을 배울 수 있어서 흥미로웠습니다.

차근차근 공부 하다 보니 알차다는 생각했던 부분은 레이아웃에 대한 구성인데요. 웹디자인을 하기 위해 기본적인 레이아웃을 구성할 수 있어야 하는데 다양한 스마트폰, 태블릿PC, 소셜커머스 메인 페이지 등 예제를 통해 경험할 수 있습니다.

또한, 독학으로 공부하다가 보면 해외 레퍼런스를 자주 보게 되는데 가끔 사용되는 규칙들이 있어서 이게 뭔지 하고 궁금증을 가지고 있다가 이번 책을 통해 제대로 알아 갈 수 있는 시간이 되었습니다. 그래서 입문자뿐만 아니라 CSS3에 대해 심도 있는 공부를 원하시는 독자분들에게 추천하고 싶습니다.

웹 디자인을 첨 시작하는 사람이라서 코드랑 친해지기 우선이라고 생각하면서 다른 사람들이 작성하신 소스를 보면서 왜 이 부분에서 이런 코드를 사용할까? 궁금했던 적이 많은데 모던 웹을 HTML+CSS3 바이블을 위한 3판을 통해 정확하게 코드를 읽을 줄 알고 그 내용을 알아갈 수 있는 부분이 좋았습니다.

이 책으로만 공부하시다가 살짝 어렵다고 생각하신 독자분들을 위해 윤인성 저자님께서 훈훈한 목소리로 강의 영상 제공해줘서 쉽고 빠르게 HTML+CSS3를 마스터하실 수 있습니다. (https://www.youtube.com/c/윤인성)

이 책에서 ‘기억하세요’ 말을 자주 보실 수 있는데요. 초반에 책 설명 중에서 윤인성 저자님께서 하신 말씀 중에서도 ‘외우라는 얘기가 아니라 이러한 기능이 있다는 것을 알아두라는 뜻입니다.’라고 하신 말씀이 공부하면서 공감이 가장 느꼈습니다.

깨알같은 공부법도 알려주시고 꼭꼭 HTML+CSS3를 공부하면서 자바스크립트도 공부도 병행하기 바라는 당부의 말씀도 있는데요. 처음 시작하시는 입문자님 살짝 두꺼운 책을 만나고 당황하시지 마시고 같이 모던 웹을 공부하면서 마지막에 느끼는 성취감을 경험해보아요.