웹 개발을 처음 배우려고 할 때 어떤 책부터 시작해야 할지 참 고민이 많았는데, 이 책은 그런 고민을 어느 정도 덜어준 책이었어요. 이 책은 HTML, CSS, 자바스크립트를 각각 독립적으로 설명하면서도, 뒤로 갈수록 이 세 가지를 조합해서 실제 웹페이지를 만들 수 있도록 구성돼 있어서 초보자가 따라가기에 정말 괜찮은 구조예요..!! 
 

가장 좋았던 점은 실습 중심이라는 거였어요. 단순히 이론만 설명하는 게 아니라, 예제 코드와 함께 하나씩 따라하면서 배우니까 아 이렇게 되는구나 하고 바로바로 이해가 되더라고요. 챕터가 끝날 때마다 복습 퀴즈나 실습 문제도 있어서 단순히 읽고 끝나는 게 아니라 한 번 더 내 것으로 만들 수 있었어요.

설명이 어렵지 않고 친절해서, 전공자가 아니어도 충분히 이해할 수 있도록 잘 쓰여져 있어요. 특히 CSS 같은 경우는 눈에 보이는 결과가 바로 나오니까 배우는 재미도 있었고요. 자바스크립트 부분은 다소 기초적인 내용에 집중돼 있어서 중급 이상을 기대한다면 아쉬울 수도 있지만, 입문자 입장에서는 이 정도면 충분히 기본기를 쌓기에 좋아요.

한 가지 아쉬웠던 건 디자인적인 부분은 조금 약하다는 점? 실습 프로젝트가 기능 구현 위주라서 예쁘게 꾸미는 데는 다소 제한적이었어요. 그래도 기능적인 구조를 이해하는 데 집중한 책이라 생각하면 이해는 됩니다.

결론적으로, 웹 개발을 처음 시작하는 사람에게는 굉장히 좋은 입문서라고 생각해요. 딱딱한 교재라기보다는 친절하게 차근차근 알려주는 튜터 같은 느낌? 독학하시는 분들이나 대학에서 교재로 사용하기에도 무난한 책이라 추천할 만합니다. 웹 개발의 기본 틀을 잡고 싶은 분들께 잘 맞을 거예요.



웹 개발 공부 시작: 미라클 HTML5+CSS3+자바스크립트

웹 개발 공부가 처음이라서

기초가 되는 HTML과 CSS, JS가 전부 들어있는 구성을 원했습니다.

그리고 초보자를 위한 아주 쉽고

실습이 많은 구성을 원해서

직접 골라서 요청 드렸답니다!

전공자와 비전공자로

나뉘어있는 강의 계획표

저는 전공자이지만

웹 개발은 처음이라 비전공자로

가늠해야할까요?ㅎㅎ

목차는 이렇습니다.

사실 html과 css까지는

해본 적이 있어서 걱정 없었지만

자바스크립트가 어려울 것 같아

겁먹고 있었습니다

html, css부터 차례대로 배우고

그 뒤로 자바스크립트를 배웁니다

chapter마다 트리 형식으로

진행 구조나 연관관계를 알려줘서

눈에 더 잘 들어오고

헷갈리지 않아서 좋았어요

졸업 프로젝트에서

프론트엔드 담당을 맡아서

react를 써야하는데ㅠㅠ

생전 처음이라 너무어렵더라고요,,

그런데 어쨌든 react도 자바스크립트 라이브러리니까

자바스크립트를 잘 배우면 여기저기 잘 쓰겠더라고요!

node.js나 next.js라고

주변 개발자 친구들이 많이 배우는데요

이것들도 다 자바스크립트 라이브러리이고

백엔드까지 할 수 있다고 하네요?(node.js가)

개발자 친구들 팁은

하나의 언어를 잘 배워두면

언어들은 다 비슷하니까

다음도 금방 배운다고 하더라고요!

저는 이제까지 c, python 위주로 공부를 했고

java를 공부할 때 정말 끔찍했거든요ㅠㅠ

그래서 걱정이 많았는데

미라클 책에는 예제코드도 많아서

좀 어떻게 구현되는 건지 헷갈릴 때

예제코드를 많이 참고했습니다!

변수 이름 규칙도

전에 제가 배울 때랑은

스타일이 좀 달라진 거 같더라고요!

그래서 최신 스타일대로 배우는 것도

너무 좋았습니다

동아리 활동을 할 때

같이 "학습"도 중요하지만

어쨌든 프로그래밍 언어니까

"실습"을 같이 하면 더 좋겠다고 생각했어요

그래서 책 중간에 있는

"미니 프로젝트"를 정말 잘 썼습니다

특히 동아리 친구들이

이런 언어를 처음 배우는 친구들도 있었어서

이렇게 창의적인 아이디어를 많이 가져왔어요!

그냥 실습만 하는 게 아니라

더 재밌거나 더 좋게 꾸미는(css 배웠으니까요ㅎㅎ)

그런 방식들을 보면서 저도 많이 배웠습니다

제가 가장 어렵게 느끼고

많이 쓰는 자바스크립트까지

웹 개발의 기초를 닦을 수 있지만

쉽고 재밌게 들어있는 책이라서 정말 강추합니다!

react, three.js, node.js 공부하면서도

이 책을 기본서로 쓰면서

모르는 것들 찾아보면서 하려고요!

*한빛아카데미로부터

해당 도서를 제공받았습니다.*



실습을 할 때 코드 작성시 이미지와 관련되어서 경로 설정에 약간의 문제점으로 인해 진행이 매끄럽지 않은데요.

가능하면 이미지에 대해서 인터넷 경로를 사용하면 어떨까? 합니다.

출판사 서버에 이미지를 넣어 놓고

경로를 HTML에서 사용할 수 있도록 하면 좀 더 실습이 매끄러울 수도 있을 것 같습니다…

검토 바랍니다.