[독서-1164] Do it! 프런트엔드 UI 개발 with Vue.js (9점)

Do it! 프런트엔드 UI 개발 with Vue.js - 웹 사이트 하나를 통째로 만들며 배운다! ㅣ Do it! 시리즈
김윤미 지음 / 이지스퍼블리싱 / 2023년 8월

3월에 새롭게 프로젝트를 시작했다. 프런트엔드는 Vue.js이고 백엔드는 Spring Boot이다. 이전에 개인적으로 서적을 참고하면서 Vue.js를 학습해 두었지만, 이렇게 프로젝트에서 Vue.js를 사용하는 것은 처음이다. 새로운 기술을 하나씩 배워나가는 것은 항상 재미있기도 하지만 때로는 많이 피곤하다. 힘들게 배워두고 몇 번 사용해 보고 사라져간 기술들이 많다.

이 책에서 기본으로 제공되는 프로젝트 파일로 작업을 시작한다. 책이 끝날 시점에 온라인 서점 사이트가 완성된다. 웹 사이트를 만드는 방법과 기술에 대해 심도 있게 다룬다. 폴더와 파일을 만들고 어떻게 화면이 구성해 나가는지를 단계별로 배운다. CSS를 사용하여 화면을 다루는 기술은 실무에서 작업하는 것과 같은 수준과 같다. 저자가 실무에서 작업한 결과물을 그대로 갖고 와서 설명해 주는 것처럼 생각된다.

[독서-1157] HTML/CSS가 보이는 그림책

HTML/CSS가 보이는 그림책
ANK Co., Ltd. 지음, 김성훈 옮김 / 성안당 / 2024년 3월

"HTML/CSS가 보이는 그림책"은 웹페이지 제작을 위한 HTML과 CSS의 기초를 다루고 있다. HTML과 CSS를 배우고자 하는 사람들에게 유용한 입문서이다. 이 책에서 설명하고 있는 HTML과 CSS를 알게 되면 기본적인 웹페이지는 작성할 수 있다. 그림과 함께 친절하게 설명하고 있어 HTML 코드와 CSS 코드를 쉽게 확인할 수 있다. 또한 속성이나 값에 대한 설명이 잘 정리되어 있어 참고하기에 좋다.

이 책은 IT 서적이지만 이해를 돕기 위한 일러스트가 페이지 곳곳에 있다. 빠른 시간에 해당 기술을 학습하려는 입문자에게는 아주 좋은 입문 서적이지만, 해당 기술을 어느 정도 알고 있는 사람에게는 필요한 내용이 많이 없을 수 있다. HTML와 CSS에 대한 내용을 더 원한다면 다른 서적을 참고해야 한다.

이 책은 가장 기본적인 내용부터 시작하여 HTML과 CSS의 기초적인 지식을 차근차근 설명하고 있다. 이해하기 쉬운 해설을 통해 모든 페이지가 쉽게 이해할 수 있도록 구성되어 있고 컬러로 되어 있어 눈에 잘 들어온다. 페이지 수가 많지 않아 집중해서 학습하면 빠른 시간에 독서할 수 있다. 웹 페이지를 만드는 과정도 간략하게 설명되어 있어서 직접 제작을 하려는 사람에게 많은 도움이 된다.

반응형 디자인에 대한 개념도 자세히 설명되어 있다. 웹 개발에 대한 전반적인 이해와 개발 과정에 대한 이해를 얻을 수 있어서 비전공자들도 충분히 읽을 수 있는 책이다. 웹 프로그래밍 기술을 익혀 개발자로 꿈꾸는 사람에게 추천한다.

출판사에서 도서 협찬을 받았습니다. 하지만 개인의 주관적인 견해로 작성하였습니다.

[독서-1098] 자바스크립트 - GOAT 시리즈

자바스크립트 ㅣ GOAT 시리즈
곽문기 지음 / 생능북스 / 2024년 1월

웹 개발은 현재 뿐만 아니라 미래에도 끊임없는 발전과 변화를 겪고 있다. 그만큼 웹 개발자로서는 항상 최신 트렌드를 따라가고, 새로운 기술을 습득하며 성장해야 한다. 10년 전 임베디드 프로젝트를 진행할 때 자바스크립트를 집중적으로 보았는데  참으로 오랜만에 자바스크립트 책을 다시 보게 되었다. 

"자바스크립트 - GOAT 시리즈"는 원리와 개념을 예제와 함께 배울 수 있다. 단계별로 진행하고 있고 충분한 그림과 코드를 적절히 보여주고 있어 혼자서도 쉽게 읽어나갈 수 있다. PART 1에서는 웹 표준에 대한 이해를 바탕으로 웹 개발 환경을 구성하는 방법을 말해준다. 웹과 개발 환경에 대한 기본적인 이해부터 시작하여 실제 개발에 필요한 도구와 기술, 그리고 트렌드까지 다양한 내용을 다룬다. 

PART 2에서는 자바스크립트에 대해 깊이 있게 다룬다.  프로그래밍의 기본이 되는 명령형과 선언형 프로그래밍부터 시작하여 변수, 데이터 타입, 함수, 알고리즘 등을 알려준다. PART 3에서는 자바스크립트를 응용하여 다양한 기술을 다룬다. jQuery를 활용한 웹 개발부터 OpenAPI를 활용한 서비스 개발, 그리고 리액트를 이용한 프런트엔드 개발까지 포괄적으로 살펴본다.

처음에는 자바스크립트가 웹 개발에서 필수적인 언어라는 것을 알려준다. 자바스크립트의 기원과 발전에 대한 배경을 설명하여 전반적인 개념을 이해할 수 있다. 그리고 서버와 클라이언트의 차이를 설명하고, 자바스크립트가 클라이언트 측 언어로 웹 환경을 개선하는 방법과 프런트 앤드 기술의 중요성에 대해 말해준다.

상세한 설명과 함께 실제로 자바스크립트를 이용하여 웹페이지를 만들 수 있도록 체계적인 학습 과정을 제시한다. 설명과 예제를 통해 기본 문법부터 응용까지 풍부하게 다루고 있으며, 웹 개발 환경 설정과 예제를 실행하는 세부적인 가이드가 담겨있다. 책에서 진행하는 코딩만 잘 따라 해 나가면 웹 프로그래밍의 기본을 충분히 학습할 수 있다. 

글자 크기도 적절하고 페이지마다 담겨있는 그림으로 인해 이해하는데 많은 도움이 된다. 웹 개발에 필요한 기본적인 지식부터 최신 기술까지 경험해 볼 수 있다. 자바스크립트에 대한 이해를 넓히고자 하는 사람들이나 자바스크립트에 대한 공부를 시작하려는 사람들에게 추천한다. 

출판사에서 도서 협찬을 받았습니다. 하지만 개인의 주관적인 견해로 작성하였습니다.

[독서-894] 더 나은 웹 개발을 위한 가이드 - 웹사이트 구축

더 나은 웹 개발을 위한 가이드 - 프런트엔드 웹 개발 라이프 사이클의 이해부터 효율적인 웹사이트 구축까지
고승원 지음 / 한빛미디어 / 2023년 6월

"더 나은 웹 개발을 위한 가이드"는 웹 개발에 필요한 폭넓은 주제를 다루고 있다. 웹 개발자로서의 역량을 향상시키기에 좋은 가이드이다. 개발자로서 다양한 분야에 대한 지식이 필요한데 이 책이 그러한 필요성을 충족시켜준다. HTML부터 접근성, 자바스크립트, 타입스크립트, 그리고 개발 환경 설정까지 폭넓은 주제를 다루고 있어서 웹 개발자로서의 전체적인 역량을 향상시킬 수 있다.

웹 개발의 전체 과정을 체계적으로 다루고 있어서 초보자부터 경험자까지 모두에게 유용하다. 정보 수집, 웹 페이지 디자인, HTML 구조 설계, 서버 구축, 데이터베이스 연동, 그리고 배포 및 운영까지 모든 과정이 상세하게 다뤄지고 있다. 각 단계별로 필요한 기술과 도구를 효과적으로 사용하는 방법에 대한 설명이 명확하고 이해하기 쉽다.

HTML에 대한 내용은 풍부하게 다뤄져 있으며, 브라우저에 따른 렌더링 최적화, 캐싱 기술, CSS 최적화 등 웹 페이지 성능 향상을 위한 다양한 기술을 다루고 있다. 이러한 최적화 기술은 사용자 경험을 향상시키고 웹 페이지의 성능을 향상시킬 수 있는 중요한 요소이다. 접근성에 대한 내용도 강조되어 있어서 웹 개발자로서의 책임을 감안할 때 매우 중요한 정보다. 

중반부에서는 자바스크립트와 타입스크립트에 대한 내용을 다루고 있다. 자바스크립트 최적화와 타입스크립트의 기본 문법 설명은 개발자로서의 역량 향상을 위해 필수적인 내용이다. 비주얼 스튜디오를 통한 웹 개발 환경 구성과 유용한 확장 기능에 대한 정보는 개발 효율성을 높이는 데 도움이 된다. 

개발자들에게는 개발 환경의 설정과 확장 기능을 최대한 활용하는 것이 중요하며, 이 책에서 이러한 부분을 다루고 있어서 매우 유용한 자료이다. 웹 개발의 기초부터 고급 주제까지를 다루고 있으며, 프런트엔드 개발자들에게 큰 도움이 된다. 웹 개발의 전체 흐름을 파악하고 효율적으로 웹을 개발하려는 개발자에게 추천한다.

[100자평] 코딩 자율학습 HTML + CSS + 자바스크립트

코딩 자율학습 HTML + CSS + 자바스크립트 - 기초부터 반응형 웹까지 초보자를 위한 웹 개발 입문서 ㅣ 코딩 자율학습
김기수 지음 / 길벗 / 2022년 4월

깊은 내용을 다루고 있지 않지만 하나하나 쉽게 설명하고 있어 코딩을 처음해보는 비전공자도 배울 수 있다. 처음부터 마지막까지 혼자서도 학습할 수 있어 입문용 서적으로 추천한다.