[추천] Hello IT 프론트엔드 개발을 시작하려고 해 : 입문편

Hello IT 프론트엔드 개발을 시작하려고 해 : 입문편 - HTML, CSS, JS 기본기부터 Git을 활용한 버전 관리와 클론 코딩까지, 2022년 세종도서 학술부문 선정도서 ㅣ HIT 시리즈 1
박영웅 지음 / 패스트캠퍼스 / 2022년 2월

HTML과 CSS, JS 기본기부터 다져주는 [프론트엔드 개발을 시작하려고 해], 이 책은 엑셀 1급을 준비하면서 visual basic을 더 자세히 알고 싶은 마음에 선택하게 된 책이다. 물론 각 툴의 성질은 조금 다르지만, HTML과 visual basic의 코드 형식이 비슷하기 때문에 공부하면 적잖이 도움이 될 것 같았다.

HTML :: 하이퍼텍스트(참조를 통해 현재 페이지에서 다른 페이지로 즉시 이동할 수 있는 텍스트)를 만들어낼 수 있는 언어입니다. 페이지의 제목, 문단, 표, 이미지, 동영상 같은 핵심적인 구조를 담당합니다. HTML은 화면을 예쁘게 꾸미는 용도가 아닙니다. 여러분은 이 것으로 온전히 튼튼한 구조를 만드는 데 집중해야 합니다.

CSS  :: 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정해 구조를 꾸며주는 시각적인 표현을 담당합니다. CSS의 핵심은 스타일입니다. 즉, 예쁘게 만드는 것에만 집중합니다.

JS  :: 내용을 변경하고 움직이는 등 페이지의 동적인 처리를 담당합니다. HTML이나 CSS보다 매우 많은 것을 제어할 수 있으며, 이것을 다루기 위해서는 컴퓨팅 사고력이 필요합니다.

책에서는 커피 전문점 웹사이트를 기본으로 한 클론 코딩을 설명해주고 있다.  또한 책에는 입문자로써 처음 접하는 프로그램의 이해도를 높이기 위해 자세한 설명과 예시 그리고 도표가 많다. 실습 방법이 많으면, 자신이 이해하는 부분에 대해 더 정확하게 알 수 있는데, 실습 문제를 두고, 꼭 알고 넘어가야 하는 부분과 TIP을 더해 개념을 정확하게 만들어 준다.  CSS와 JS도 함께 작성할 줄 안다면 웬만한 사이트를 만드는 데 어려움이 없을 듯 하다. 

책의 저자는 이 책을 활용할 때, 처음에는 그냥 따라해보고, 다음 2회 독에는 왜 그렇게 코딩해야하는지를 생각하면서 책을 읽어내려가라고 말했다. 개인적으로는 실습이 한번에 되지 않아서 두 세 번에 걸쳐 따라했는데, 처음 접하는 개발자 프로그램이어도 자주 따라하다 보면 순서의 암기라던지, 작성해야 하는 특수문자의 키보드 위치, 그리고 선택자 등이 외워지는 것 같다. 실무와 비슷한 수준으로 만들어진 실습 자료는 패스트 캠퍼스 강의 사이트에서 다운 받아 사용하면 된다. 프론트 엔드 개발을 막 시작하는 입문자들에게 입문편 학습은 당연히 필수다.  무엇이든 마찬가지겠지만, 반복적인 학습과 실습. 그리고 일대 일 맞춤형 강의로 계획된 이 책을 통해 프론트 엔드 개발의 첫걸음을 떼면 좋을 것이다.  저자가 직접 운영 중인 기술 블로그도 찾아서 여러가지 자료와 정보도 참고했는데, 저자의 이 책을 시작으로 중급도서도 이해하며 읽을 수 있기를 기대해본다.