
요즘은 학교에서도 코딩을 배우고 디자이너들도 코딩을 기초는 해서 메인 페이지 정도는 만들 줄 알아야 하더라고요. 더 파고들어 프론트앤드로 전향해서 높은 연봉을 받기도 해요. 웹디자인수업을 듣고 있지만 코딩은 해도 해도 어려운 것 같아요. 이미 써본 코드도 안 쓰다 보면 어떻게 사용하는 건지도 기억이 안 나더라고요.. 코딩 공부는 너무 어려운 것 같아요.
코딩의 기초인 HTML+CSS+자바스크립트를 이제는 마스터하기 위해 길벗 출판사에서 나온 <코딩 자율학습 HTML+CSS+자바스크립트>로 공부하고 있어요.

코딩을 시작하고 싶지만 HTML, CSS, 자바스크립트라는 걸 오늘 처음 들어봤어도 괜찮아요! 이 책 한 권으로 웹 개발까지 가능해요. 목차는 코드 에디터 설치 > HTML > CSS > 자바스크립트 > 최종 프로젝트 순서로 이루어져 있어요.
일단은 가장 먼저 앞으로 코드를 입력할 때 중요한 코드 에디터인 VS CODE를 설치합니다. 무료 프로그램이라 쉬운 설치가 가능해요. 이미 다른 프로그램을 사용해 더 익숙하다면 책에서 태그를 보면서 따라 하면 될 것 같아요. 첫 HTML 문서 만들기까지 하면 이제 HTML의 기본 구조, 구성요소, 특징을 알아보고 필수 태그로 텍스트, 링크, 이미지, 표 등을 넣으면서 보기만 했던 웹을 만들어 볼 수 있어요. HTML을 잘 따라왔다면 CSS는 HTML을 꾸며주는 거라 시각적으로 업그레이드시켜줍니다.

CSS 파트에서는 문법 살피기, 외부&내부&인라인 스타일 시트 사용 / 기본 선택자(전체, 태그, 아이디, 클래스, 문자열 선택자), 조합 선택자 (그룹, 자식, 하위, 인접 형제, 일반 형제), 가상 요소&클래스 선택자 사용법 / 필수 속성 ? 텍스트 꾸미기, 박스 모델 속성 다루기, 배경 설정, 위치 속성으로 배치하기, 전환 효과, 애니메이션, 변형 효과, 웹폰트&아이콘 사용, 레이아웃 설계, 반응형 웹을 위한 미디어 커리 사용까지 배웁니다.
자바스크립트는 기초 문법인 변수와 상수, 자료형, 연산자, 조건문, 반복문. 필수 문법이자 가장 어려워하는 함수 사용. 객체 사용법을 배워요. 문서 객체 모드와 이벤트 다루고 난 후에는 최종 프로젝트로 지금까지 배운 걸 이용해 웹 개발 기초를 완성할 수 있습니다.
이 책의 장점

1. 웹 개발 초보자도 이해하고 따라 할 수 있다.
정말 아무것도 모르고 시작해도 코드 프로그램 설치부터 왜 하는지 세세하게 설치 방법을 알려주니 따라만 하면 됩니다.

2. 독학하기 최적의 책
코딩 자율학습이니 친절한 설명으로 코드에 설명도 자세히 있고, 추가 설명으로 코드를 입력하다 생기는 의문들을 풀어줘요. 1분 퀴즈랑 셀프체크로 지금까지 내가 잘한 건지 확인할 수 있어서 이해도를 판단할 수 있어요. 마무리에서는 핵심을 요약해서 한눈에 볼 수 있고 어떤 코드인지 기억이 안 날 때 찾아보기 좋아요.

3. 책 내용을 모두 담은 웹북을 무료로 제공
4. 동영상 강의를 무료로 제공
5. 바로 실습할 수 있는 온라인 실습 사이트
6. 한 권으로 기초 코딩 언어 3가지 모두!

*본 포스팅은 출판사로부터 도서를 지원 받아 작성한 포스팅입니다.