자바스크립트 프론트엔드 개발 프레임워크의 첫걸음!

『프론트엔드 개발 첫걸음』은 풍부한 UI를 구축할 수 있는 자바스크립트로 만든 프론트엔드 프레임워크로 React, Angular, Vue.js, React Native를 다룬다. 또한 iOS와 Android용 네이티브 응용 프로그램을 만들 수 있다. 슬랙(Slack) 스타일의 채팅 애플리케이션을 각각의 프레임워크로 만들어보는 과정으로 이루어져 있으며, 이를 위해 먼저 API 서버를 만들어보는 과정을 앞에 추가하였다. 또한 API 서버가 완성되면 이들 각 프레임워크로 같은 API 서버를 통해 같은 기능을 제공하는 애플리케이션을 만들어 보고, React Native는 모바일 네이티브 애플리케이션 개발을 목적으로 하는 프레임워크이므로 SPA(단일 페이지 애플리케이션)를 넘어 모바일 애플리케이션 개발도 배워볼 수 있다. React, Vue.js, Angular와 같은 프론트엔드 계열 자바스크립트 프레임워크를 배우고자 하는 웹 개발자나 jQuery의 경험이 있고 SPA(Single Page Application)도 이해하고 배우고자 하는 HTML/CSS 웹 디자이너들에게 추천되어 진다.

최신 프론트 엔드 개발기술들을 전반적으로 잘 설명해놓았습니다.

제가 볼때 초보자가 보기엔 좀 무리가 있을 듯 하고요

옛날 방식(?)으로 웹개발하시던 분들이 보시기엔 좋을 듯합니다.

제경우 jQuery까지 열심히 쓰다가 손놓고, 몇년만에 웹개발을 보니...

이쪽이 참 많이도 바뀌었더군요.

뭐 그리도 설치하는게 많은지...

예전에 bower패키지 관리자가 편하다 싶었는데, 이것마저도 더이상 업데이트 되지않고 

웹팩쓰라고 추천하더군요...

아무튼 한번 정리할 필요가 있겠다 싶어서 보게되었습니다.

개인적으로 블로그등을 찾아서 정보를 구할 수도 있겠지만, 

이렇게 잘 정리해둔 책 보는게 여러모로 시간 아끼는 법인 듯 합니다.!

Part1. - 자바스크립트 기술들에 대해 전체적인 흐름에 대해서 설명합니다.

Part2. - 개발 환경 구축을 안내합니다. VSCode, 웹팩4, babel 등으로 구성하는 방법은 안내합니다.

따라 하다보니 오타가 좀 있어서 고생했군요..

51p 맨 하단

npx webpack -mode development //X

npx webpack --mode development //O

54p React 샘플코드

import foo from './hello' //X

import hello from './hello' //O

npm 설치시는 최신버전 설치한답시고 패키지명@latest 으로 설치했다가 꼬여서 낭패봤습니다.

적어도 메이저 버전 넘버는 책에 있는 패키지 기준버전으로 설치하시는게 정신건강(?)에 좋을 듯합니다.

Part3. - 예제 프로그램으로 React / Angular / Vue.js 익히도록 합니다.

part4. React Native 만드는 예제를 따라합니다.

원저자(일본인) github 주소가 https://github.com/okachijs/jsframeworkbook/ 인데 일부소스만 올려져있어서

lint 설정 같은거 책보고 일일이 칠려니.. 손이...ㅋ

국내 번역서 출판사는 정보문화사인데, 발행이 2018년 11월 15일인데 

출판사 홉페이지에 아직 오탈자 정보가 업로드 되어있지 않네요.(현재 2019년 2월)

아쉽습니다..

전체적으로 기술상황들을 이해하는데 도움은 많이 되었습니다.

상세한 설명은 좀 부족한건데 그런건 블로그나 공식사이트 설명을 보셔야할 것입니다.