[독서-473] 리액트 웹앱 제작 총론 - 리액트와 리덕스를 이용한 웹앱 개발 가이드

리액트 웹앱 제작 총론 2/e - 리액트와 리덕스를 이용한 웹앱 개발 가이드 ㅣ 에이콘 오픈소스 프로그래밍 시리즈
크루파 친나탐비 지음, 이태상 옮김 / 에이콘출판 / 2019년 4월

타이틀이 너무 거창한데 이 책은 리액트 입문자를 위한 서적이다. JSX, 상태, 이벤트, 라이프 사이클, 리덕스 등 리액트와 관련된 요소 기술들을 언급하고는 있지만 관련 기술을 알고 싶은 호기심은 충분히 채워주지 못하고 수박 겉핥기식으로 가볍게만 다루고 넘어간다.

설명하려는 소스코드에 노란색 배경으로 색으로 구분되어 있어서 쉽게 눈에 들어온다. 처음 리액트를 학습하는 입문자에게는 도움이 될 수도 있다. 하지만 다루는 내용의 깊이가 너무 얕아서 제대로 공부하려는 사람의 욕구를 채워주기는 어려워 보인다.

[독서-470] 프론트엔드 개발 (4점) - 예제를 만들어 바로 배우기

프론트엔드 개발 첫걸음 - React, Angular, Vue.js, React Native
Hara Kazuhiro 지음, 심효섭 옮김 / 정보문화사 / 2018년 11월

책 표지를 보면 React, Angular, Vue.js, React Native 계단을 오르는 남자와 함께 첫걸음이란 단어가 있다. 하지만만 책 구성 자체가 입문자에게 적합하지 않고 난해하고 어렵다. 이 책을 읽게 되면 자바스크립트 프론트엔드 기술에 대한 기본적인 내용을 이해할 수 있을거라는 기대를 하게 되는데 전혀 그렇지 않다.

[이 책의 목차]

Part 1. 자바스크립트 프론트엔드 개발 프레임워크의 최신 동향

제1장 자바스크립트 프론트엔드 개발 프레임워크의 발전

제2장 SPA와 PWA-프론트엔드 구현 기술의 최신 동향

Part 2. 자바스크립트 프론트엔드 개발을 위한 기초 지식 및 환경 구축

제3장 자바스크립트 프론트엔드 개발을 위한 환경 구축

제4장 자바스크립트 프론트엔드 개발을 위한 기초 지식

제5장 자바스크립트 프론트엔드 개발을 위한 서버 구축

Part 3. Slack 스타일의 예제를 만들어보며 React/Angular/Vue.js 익히기

제6장 React 입문 및 활용하기

제7장 Angular 입문 및 활용하기

제8장 Vue.js 입문 및 활용하기

Part 4. Slack 스타일의 예제를 만들어보며 React Native 배우기

제9장 React Native 입문 및 활용하기

자바스크립트 프론트엔드 개발을 위한 동향과 기초 지식을 설명하는 부분은 그렇저럭 괜찮았다. 그런데 이 책의 목적이라고 할 수 있는 React, Angular, Vue.js, React Native 챕터에서는 채팅 프로그램만 4번 나온다. 요소기술에 대해 소스코드와 그에 대한 설명이 기록되어 있기는 한데 처음 접하는 사람에게 이해하기 어렵다고 생각된다.

[100자평] 프론트엔드 개발 첫걸음

프론트엔드 개발 첫걸음 - React, Angular, Vue.js, React Native
Hara Kazuhiro 지음, 심효섭 옮김 / 정보문화사 / 2018년 11월

표지에는 첫걸음이라고 적혀있지만 책구성 자체가 입문자에게 적합하지 않고 난해하고 어렵다. 요소기술에 대해 어느 정도 알고 있어야 이해할 수 있어야 한다. 채팅 프로그램만 절반이상 나오는데 단계별 설명이 아니여서 이해하기 어려운 부분이 있다.

[독서-453] AngularJS 인 액션 - 단계별로 배우는 대화형 웹 애플리케이션

AngularJS 인 액션 - AngularJS in Action
루카스 루벨키.브라이언 포드 지음, 장현희 옮김 / 제이펍 / 2015년 12월

KOTRA 모바일 프로젝트를 진행하기 위해 주말을 이용하여 AngularJS 서적으로 기술을 연습해 보았습니다. 처음에는 AngularJS로 구현된 소스코드가 눈에 잘 들어오지 않고 낮설게 보였는데 서적을 참고해가면서 예제를 단계별로 따라가니 이제 적응이 되었습니다. 예전부터 관심을 갖고 있던 기술이라 한번 습득하려고 했었는데 이번 기회에 마스터 해두려고 합니다.

처음에는 AngularJS에 대한 개요와 장점 그리고 구성에 대해서 설명합니다. 

• 코드를 조직적으로 관리할 수 있는 직관적인 프레임워크
• 개발자의 휴식을 보장하는 테스트 가능한 코드
• 엄청난 코드를 절약할 수 있는 양방향 데이터 바인딩
• HTML코드를 대신하는 템플릿
• 자바스크립트와 손쉬운 통합을 위한 데이터 구조

그리고 안젤로 애플리케이션을 사용하여 모듈, 뷰와 컨트롤러, 모델과 서비스, 디렉티브, 라우트, 폼과 유효성 검사 등에 대해 설명합니다. 초반에는 단계별로 친절하고 심플한 설명으로 이해하기 쉬웠는데 중후반으로 갈수록 내용에 대한 이해가 부족해서 인지, 설명하고자 하는 내용을 이해하기 어려웠습니다. 이해가 잘 안되는 부분은 주중에 한번 더 읽어볼 계획입니다. 

[100자평] 자바스크립트 + jQuery 완전정복 스터디 3 : 중급 / 고급 / 활용편

자바스크립트 + jQuery 완전정복 스터디 3 : 중급 / 고급 / 활용편 ㅣ 위키북스 웹동네 시리즈 5
김춘경 지음 / 위키북스 / 2015년 10월

1권, 2권은 학습서적으로 입문서적으로 주변 사람들에게 적극적으로 추천하지만 3권은 그렇지가 못하다 오히려 다른 자바스크립트 객체지향 서적을 추천한다. Java와 PHP에 대한 설명 없이 자바스크립트를 기준으로 좀더 깊게 다루었으면 하는 아쉬움이 크다.