웹 개발 기초 서적 추천 : 그림으로 쉽게 배우는 HTML+CSS+자바스크립트

 그림으로 쉽게 배우는 HTML+CSS+자바스크립트 — 솔직 리뷰

안녕하세요 !

오늘은 웹 개발언어를 시작하시고 싶은데 어떻게 시작해야할지 고민이 되시는 분들을 위한 추천 서적을 가지고 왔습니다 😎

으 ;;

저도 블로그를 시작하면서 단순히 글만 쓰면 될줄 알았는데 그게 아니더라구요.

글을 쓰고 내용물을 블로그 게시글 안에 집어 넣으면서 고려해야 할 것이 굉장히 많은데 그 중 하나가 바로 '내 블로그가 어떻게 다른 유저들에게 보여지고 더 경쟁력' 이 있냐더라구요.

물론 블로그 자체는 양질의 글을 사용해서 독자들에게 정확한 정보를 전달하는게  1순위 목표이긴 합니다만 ....

우리가 아무리 글을 잘 쓴다고 해도 보기가 싫은 형식이거나 읽히는게 너무 지저분하면 아무래도 읽기 싫어지는 글도 인터넷에 많습니다. 

독자들에게 어떻게 읽히냐가 글을 잘썻다 아니다로 나뉘는 시대에서 내가 내 블로그를 마음대로 꾸미고 독자 친화적인 UI를 제공할 수 있다면 정말 편하지 않을까요 ?

저도 사실 처음에는 다른 분들이 만들어 놓으신 템플릿을 구하러 진짜 이곳저곳 발품을 많이 팔았었는데요.

문득 내가 관리하고 만들어가는 공간인 만큼 내가 내 손으로 꾸미고 싶다는 생각이 들어 웹 개발언어 독학을 결심하게되었습니다! 


그렇게 제가 선택한 책은 

바로 위키북스의 그림으로 쉽게 배우는 HTML+CSS+자바스크립트 입니다. 
표지도 상당히 귀여운데요.


사실 저는 컴퓨터공학과를 졸업하긴 했어서 웹개발 언어자체가 처음 시작하시는 분들에 비해서는 많이 어렵다고 느껴지지는 않았지만 ...

배운지 너무 오래되기도 했고, 웹개발 언어는 우리가 흔히아는 컴퓨터의 언어들과는 다른 면이 많다고 블로그를 쓰면서도 느꼈었기 때문에 다시 시작하는 김에 조금 더 쉬운 방식으로 접근해보고 싶어 해당 책을 픽하게 되었는데요 !


각 웹 개발 언어들의 유래와 뜻을 알려주는 것을 시작으로 처음부터 꼼꼼하고 확실하게 진행하는 느낌이 들었습니다!

이 책의 장점은 책을 열자마자 그림이 눈에 들어온다는 건데요 !  마치 만화책을 보는 느낌처럼, 개념 설명이 단순히 텍스트가 아니라 시각적으로 이해되게 풀려 있어요.

HTML 태그 구조, CSS 박스모델, 자바스크립트 동작 원리까지 그림과 함께 보니 확실히 이해 속도가 빨랐습니다.

또한 다음과 같이 한 장이 끝남과 동시에 저 같은 금붕어들을 위한 연습문제도 준비되어있어서

바로바로 문제를 풀어볼 수 있다는 점도 굉장히 만족스러웠습니다 ! 

또한 실습도 할 수 있도록 github에서 학습 자료를 다운 받아 책을 보며 바로바로 실습에 적용할 수 있다는 점이 학습하는데 매우 도움이 되는 것이 느껴지더라구요.

이런 분들에게 추천해요!!

---

👉 웹 개발이 처음이라 코드만 보면 막막한 분
👉 디자인 전공인데 코딩 기초를 배우고 싶은 분
👉 짧은 기간에 자기소개 페이지나 간단한 블로그 페이지를 만들어보고 싶은 분


저는 yes24에서 구매했는데 할인도 해서 가격도 만족스러웠습니다!!

해당 사진을  클릭하시거나 아래 링크를 누르면 구매링크로 넘어갑니다 !
https://www.yes24.com/Product/Goods/152847458

해당 구매링크를 넣는 작업도 책의 처음부분에서 나오는 내용이라 한번 직접 적용해봤습니다

이처럼 벌써부터 많은 실제로 사용가능한 내용들을 아주 쉽게 이해하고 적용해볼 수 있습니다!

마무리 후기

개인적으로 이 책을 읽고 가장 크게 느낀 건, “아, 나도 코딩 할 수 있겠구나!”라는 자신감이었습니다. 그림 덕분에 이해가 잘 되고, 작은 성취감이 쌓이니까 재미도 붙더라고요. 물론 이 책 하나로 개발자가 될 수는 없지만, 첫 단추로는 정말 괜찮은 선택이라고 생각합니다.