안녕하세요.

자바스크립트 웹 프론트엔드 프레임워크 중 Vue.js 코드를 만난 적이 있어 동작 원리를 배우고자

Vue.js 첫걸음 교재로 Vue.js 를 공부했습니다.

아무래도 프론트엔드다 보니, 실제로 어떻게 동작하는지 눈으로 보는게 이해하기 쉽고 빠르다고 생각을 합니다.

그래서 코드 위주로 빠르게 타이핑을 하고 결과물을 보면서 기억을 하는 편 인데요,

Vue.js 첫걸음도 코드 위주로 되어있고 결과물도 사진으로 첨부를 해서 빠르게 이해하며 읽을 수 있었습니다.

이론 설명도 부실한 느낌은 전혀 들지 않았습니다. 알아야 할 필수 개념들만 기재되어 있습니다.

프론트엔드 개발자로서 필수로 알아야 하는 자바스크립트의 역사와 번들링을 왜 하고, 어떻게 할 수 있는지 등을 초반에 세세하게 서술하고 있습니다.

초반부에는 Vue.js 와 Javascript 문법, 모듈 번들링, Vue.js API 등을 살펴봤습니다.

중반부부터는 Vue.js 컴포넌트를 어떻게 만드는지, 어떻게 스타일링하는지를 살펴봅니다.

후반부에는 Vue.js 상태 관리를 어떻게 할 수 있는지 살펴봅니다.

책 제목에 맞게 Vue.js 첫걸음 이다 보니, 어려운 개념들이 많이 나오지는 않고,

프론트엔드 개발자로서 꼭 알아야 하는 개념들을 많이 소개해주어서 처음 입문하시는 분들께 추천드립니다.

들어가며

곧 시작할 프로젝트에서 프론트엔드 부분을 맡기로 했다.

기술 스택은 React로 정했지만 시작 전에 여러 가지 공부를 해 두면 좋겠다는 생각이 들어 리뷰를 적게 되었다.

첫걸음..?

책의 제목은 vue.js 첫걸음이지만, 막상 읽어보니 선배 개발자가 vue의 docs를 빠르게 짚어 주는 느낌을 받았다. 

입문자가 이 책을 보고 무리 없이 이해하면서 진행하기는 어려워 보인다는 뜻이다.

단적인 예로 빌드하는 과정에 npm으로 설치, webpack 등에 대해 간략하게나마 그 쓰임새를 설명하는 내용이 있으면 좋았을 것이다. 아는 사람들이라면 '아, 그렇구나.' 하면서 지나가겠지만...

반대로 프론트엔드 프레임워크의 docs를 보면서 무리 없이 따라 갈 수 있는 사람이라면 이 책의 소소한 팁이 도움이 될 것이다.

아쉬운 점으로는 책의 편집이 있다. 흑백으로 굉장히 심플한데 심심해 보일 정도다. IDE의 코드에 익숙해져 있고, 그 쪽이 눈에 더 잘 들어온다면 vue의 docs를 보는 게 나아 보인다. vue는 한글 docs도 있다.

vue의 장점

책을 읽으며 가장 기억에 남는 두 가지는 컴포넌트의 재사용과 선언적 렌더링이다. 함수의 객체화, 페이지의 모듈화가 떠오르는 부분이었고 왜 vue가 떠오르고 있는지 예상이 갔다. 효율적인 개발이 무엇보다 중요한 법이니까.

다른 하나인 선언적 렌더링.

vue의 핵심이라고 느낀 선언적 렌더링이 곧 진행할 프로젝트에서도 알아 두어야 할 내용이라고 생각해서 따로 정리한다.

react나 vue가 없던 때에 ajax로는 일일이 코딩하며 dom을 렌더링해야 했다.

하지만 선언적 렌더링을 사용하게 되면 컨텐츠가 들어갈 부분에 정의된 변수를 삽입하면 라이브러리가 그 위치에 알아서 값을 넣어 렌더링을 해 준다.

리뷰

웹 개발자가 아니다 보니 front 진영의 공부는 전무했다..
웹에 대한 기초지식이 전무한 상황이라면 이 책을 읽기엔 조금 부담스러울 수도 있을 것 같다.
책의 전반부는 환경설정을 해야 하므로 주로 설치 위주로 시작한다.
중후반부로 갈수록 Vue.js의 전반적인 기능들을 설명한다.
책 자체가 처음 Vue를 접한 사람들을 위한 책이다 보니 전체적인 구성은 마음에 들었다.
읽는데 큰 문제는 없었지만 아쉬운 점은 칼라였다면 좀 더 좋았을 것 같다.
웹 프런트 진영의 한 부분을 차지하는 Vue.js를 잠시라도 맛을 본 것 같은 기분이라 책을 읽는 내내 즐거웠다.

한동안 front-end 쪽에는 관심을 끊고 살았었는데... 오랜만에 front-end 관련 책을 보게 되었네요.

Vue.js 첫걸음

무엇인가 정말 가볍게 만들어보고 싶다. 라는

Vue.js 창시자의 철학부터

다른 자바스크립트 프레임워크에 비해

작고 간편해서 누구나 배우기 쉽고

기능 추가가 쉽다는 장점이 있다는 소문이 자자해서

Vue.js라는 이름이 알려지기 시작할 때부터

궁금했었는데, 너무나 잘 만난 듯하다.

핵심만 설명하는 체계적인 설명과

직관적인 예제로 구성되어있어 쉽게 읽을 수 있다.

Vue.js 구조에 대한 설명부터

API를 사용했을 때의 동작 원리를 이해하게 해주고

Vue.js를 사용하려는 사람이 알아야하는 주요개념들까지

Vue.js 전반적인 방법에 대해서

초보자라도 잘 이해할 수 있도록 설명해준다.

여기에 저자의 다양한 경험을 잘 녹여놓은 것 같다.

백엔드와 연동할 때 유의해야 할 점들과

이벤트들이 웹상에서 어떻게 사용되는지 등

실제 서비스를 개발/운영하는 측면에서 생각해봐야 하는

여러 상황들을 상세하게 설명해준다.

Vue.js가 궁금한 사람에게 추천하고 싶은 책이다.

총 14장으로 이루어져 있으며 각 장이 길지 않아 읽기에 무리는 없었던 것 같았습니다.

책 제목에서 알 수 있듯 첫걸음을 위한 책이기에 입문자, 초심자들이 보기에 적합한 책인 것 같습니다만 Vue프레임워크를 어느 정도 기초적인 지식은 이해한 상태를 대상으로 한다는 생각도 들었습니다. 지식이 전무한 상태라면 약간 평이 갈릴 것 같다는 생각도 들었습니다.

업데이트가 빠르게 진행되고 있는 프레임워크이기에 출판된 지 시간이 좀 지난 것이 약간 걸리긴 하지만 프레임워크의 기초를 이루는 부분에 변화가 있는 건 아닌 만큼 책을 통해 기초를 다진다면 앞으로 업데이트가 되어 가는 부분에 대해서도 빠른 접근이 가능할 것이란 생각됩니다.

뭐랄까 군더더기 없이 직관적인 설명? 모든 것이 그렇지만 프로그램의 경우 프로그램적인 용어와 개념에 익숙하지 않다면 이해하는데 시간이 걸리는 건 어쩔 수 없겠죠? Vue는 익히고 싶고, 뭐부터 해야 좋을지는 모르겠고, 공식 가이드는 보기 싫다면 이 책을 통해 접근해 보는 것은 어떨지 모르겠습니다.

현 시점에서 가장 핫한 javascript 프레임워크 angular, react, vue 중 하나인 vuejs를 책을 읽어 보았다. angular와 react에 비해 세상에 나온지 짧은 시간이지만 엄청난 폭발력을 가지고 대세 프레임워크로 올라온 vuejs 이다. 여타 프레임워크도 굉장한 장점과 단점이 있지만 vue의 경우 react의 장점과 angular의 장점을 결합한 프레임워크라고 생각한다. 여타 프레임워크에 비해 러닝커브가 낮다고 생각이 된다. vue는 초보가 보기에는 적당한 책이 없는 것 같다. 여러 인터넷 강의가 있기야 하지만 책으로 된 내용치고는 이책만한 진입장벽이 낮으며, vue의 전반적인 기능을 소개하는 책이 없다는게 내 생각이다. 대세의 프레임워크인 만큼 기존 react로 구성하였던 프로젝트와 vue를 본격적으로 비교하면서 프로젝트를 완성해 보려고 한다. 기본적인 javascript의 개념이 있다면 이 책을 구입하여 vue를 입문해 보는것을 추천한다.

결국, 이 책은 클라이언트 개발을 주로 하는 분들에게 많은 도움이 될 책이다.

이 책은 Vue.js의 기본 입문서에 가깝고, 어떻게 사용하는지에 대해 알려주는 책이기 때문에, 서버 사이드 렌더링이나 어떤 다른 부가 기능들의 설명은 없다.

2장을 제외한 부분은 1장은 Vue.js 설명은 간결하게 장점을 잘 설명하고 있다.

그 외에는 Vue.js의 이벤트, 라이프 사이클, 컴포넌트등을 설명하고 있는데, Vue-router를 이용한 챕터는 마지막 챕터에 있는데 좀 아쉽다. 오히려, To-do list 같은 예제를 중간 중간 넣고, 홈페이지 이동에 대한 부분들의 설명이 더 있으면 좋겠다는 생각을 했다.

그렇지만, Vue.js를 이용해 클라이언트 개발에 대한 부분들에 대해서는 이 책에서 설명하고 있기 때문에, 클라이언트 개발 측면에서만 보자면, 굉장히 좋은 책이라는 생각이 있다. 물론, vue-router 내용들이 추가로 들어가게 되면, 책의 두께가 굉장히 두꺼워지지 않았을까? 생각 한다.

서버 사이드 렌더링이나 기타 다른 내용등을 궁금해하는 분들이라면, 관심사가 맞지 않을 수 있다는 생각이다.

저는 이 책을 읽다가 기존 서비스에 응용할 수 있겠다 싶은 부분이 있었습니다.

그래서 바로 적용해보니 코드가 더 간결해졌죠. 별거 아닌 것 같은데 뿌듯해 지더군요.

이 책에서 소개하는 임의 숫자를 설정하여 순회하는 방법을

angularjs에서는 지원하지 않아 직접 해결했던 경험이 있는데요.

vue.js에는 이런 편의가 있어 반가웠답니다.

이 책을 읽으면서

기존에 vue.js로 만들어진 서비스에 응용해볼 것들이 계속 눈에 들어오더군요.

이 책이 실무에도 유용하다는 것을 충분히 입증하는 것이겠죠.

입문 뿐만 아니라 실무에도 이 책 한 권이면 충분하지 않을까 생각해봅니다.

최근에 JS를 공부하는 사람들이 많아졌다. 그에 따라 다양한 자바스크립트 프레임워크들이 주목받기 시작했다. React.js, Angular.js, Vue.js, Node.js 등 여러가지 종류가 있는데, 대부분 사람들이 JS를 입문할때 추천하는 것을 찾아보면 대부분이 Vue.js로 시작하라는 말을 많이 들었다. 아직 좋은 강의도 못찾기도 하였고 책으로라도 간단하게 시작해보려고 책을 펼치게 되었다.

​

vue.js가 아직은 쓰이는 곳이 많지는 않지만, js를 입문해서 쉽게 배우려면 정말 좋은 언어인 것 같다. 최근 트렌드에 맞춰서 이런 책을 바로바로 볼 수 있다는 것이 좋은 것 같다.

1.인트로 - 

최근에 웹이 많이 떠오르면서 JS를 공부하는 사람들이 많아졌다. 그리고 JS 프레임워크들은 당연하게도 주목받기 시작했다. React.js, Angular.js, Vue.js, Node.js 등 여러가지 종류가 있는데, 대부분 사람들이 JS를 입문할때 추천하는 것을 찾아보면 대부분이 Vue.js로 시작하라는 말을 많이 들었다. 아직 좋은 강의도 못찾기도 하였고 책으로라도 간단하게 시작해보려고 책을 펼치게 되었다.

2.메인 내용 - 

역시 메인내용은 Vue.js에 간단한 소개와 어떤 장점이 있는지로 시작한다. 그리고 개발환경 세팅, API사용방법, 꿀팁등의 다양한 내용들이 있다. 책의 페이지도 많지 않고 코드도 가독성이 나쁘지 않을정도로 필요한 것들만 잘 정리되어 있었다.

3.나의 생각 - 

코딩은 처음과정을 배울때 인터넷 강의, 책으로 배우는것이 가장 좋은 방법이라고 생각한다. 자신이 조금의 코딩감각과 의지만 있다면 책으로 공부한다면 돈을 덜 쓰고 공부할 수 있다. 그래서 필자는 책으로 시작하는 것을 좋아한다. 이 책도 마찬가지였다. 정말 입문자에게 좋은 책이였다. js의 특징만큼 바로바로 결과물을 볼 수 있고 코드도 잘 나타내 있어서 나쁘지 않았고 필요한 내용들만 잘 압축한 것 같았다.

4.마무리 - 

vue.js가 아직은 쓰이는 곳이 많지는 않지만, js 입문 밑 쉽게 배우려면 정말 좋은 언어인 것 같다. 최근 트렌드에 맞춰서 이런 책을 바로바로 볼 수 있다는 것이 좋은 것 같다. vue.js를 잘 알려주는 책은 아직 없다. 간단하게 시작해보려면 정말 추천하는 책이다.

이 리뷰는 한빛미디어의 책 제공에 의해 쓰여졌습니다.

책을 읽기 전에

'Vue.js 첫걸음'이라는 책 제목을 보고, 막연하게 기초적인 내용을 다루는 입문서일 것이라는 생각이 가장 먼저 들었습니다. 하지만 첫 페이지를 보니 기초 입문서와는 다소 거리가 있겠다는 생각도 들었습니다.

실전 코드와 명령어 위주의 도서

입문서이니만큼 책의 초반에 프레임워크에 대한 설명 등 웹 개발 분야를 처음 접하는 사람들을 위한 설명이 다수 있을 것이라고 생각했는데, 생각 외로 이러한 내용보다는 Vue.js 개발을 어떻게 바로 시작할 수 있는지에 대한 설명으로 빠르게 넘어간다는 느낌이 들었습니다.

기초부터 아주 깊은 심화까지

생각보다 간단해 보이면서도 깊이 들어가면 난이도가 조금씩 생기는 Vue.js 프레임워크의 특성 상, 심화적인 내용까지 모두 다루기에는 무리가 있을 것이라고 생각했지만, 상태관리나 vuex 등 실무에서 주로 사용될 법한 기능들과 관련된 부분까지 자세히 다루고 있어 좋았던 것 같습니다.

Vue.js 개발의 대부분을 담고 있는 책

최근 모던 웹 개발 프레임워크로 Vue.js와 React가 유행하고 있는데, 상대적으로 쉽고 빠른 개발로 인해 사용률이 점점 높아지고 있는 프레임워크인 Vue.js의 실제 개발에 관한 대부분을 담고 있는 책인 것 같습니다.

 본인은 C# 백엔드 개발자로서 프론트단의 지식이 전무한 상태이다. 언제까지나 프론트를 모른체 서버 사이드 개발을 할 수는 없겠다 싶어, 팀내에서 사용하는 Vue.js 공부를 시작하고자 이 책을 꺼내 들었다. 

 요새 웹 개발쪽 상황은 프레임워크,빌드 도구,주변 라이브러리 등이 우후죽순으로 쏟아나오고 있어 진입장벽이 너무 높은편으로 판단된다. 

 이러한 상황에서 한빛미디어의 Vue.js 첫걸음이란 책은 책 초반부에 Vue.js 환경설정부터 개념설명까지 차근차근 설명하고 있어 웹 프레임워크를 처음 접하는 사람들에게 추천할만한 책이다.

 반면에 본인이 프론트 개발을 어느정도 접한상태에서 npm cli UMD 등의 용어들이 익숙한 사람이라면, 사실 이 책보단 vue.js 공식 홈페이지에서 레퍼런스들만 읽는 것을 추천한다.

Vue.js 첫걸음! 이란 책의 리뷰를 하게 되었습니다.
현시점에서 웹 프로그래밍 세계에 입문하는 많은 분들이 프론트를 담당하는 웹 프레임워크부터 배우지는 않습니다만, 많은 웹 프레임워크들이 출시된 상태라 선택에 장애를 겪을 수 있기에 차이와 장단점을 알고 있으면 선택에 도움이 되겠죠?

angular는 제외하더라도 React와 Vue를 두고 개발자 지인들과는 얘기를 많이 나눈 편입니다. 어느게 더 편하냐? 무엇이 더 좋으냐? 이런 얘기들이요. 

React같은 경우에 강력한 기능과 개발환경 지원 등 편의점이 많지만 러닝커브가 상당히 높은 편이고 기술자체가 난해하다 라는 평, 그리고 버전업이 되면서 과거 버전에서 신버전으로 옮겨가는 노력이 많이 든다고 평가받고 있습니다.

Vue의 경우에는 간단하고 간략하다 라는 평이 있는 반면에 강력한 기능이 적다 라고 평가 받는데, Vue 만으로도 어지간한 웹 어플리케이션을 제작하는데 무리가 없다! 라고 Vue로 열심히 외주일을 하고 계신 동료의 평가로 Vue를 배우는게 더 좋지않을까?에 무게가 실리고 있습니다.

어쨌든 배우려고 한다면 다양한 책이 존재하는 마당에 어떤 책을 골라서 해야할까? 고민이 될 수 있습니다. 여러 출판사에서 시류에 맞게 유행하는 기술에 대한 책들을 열심히 출간하고 있습니다. 그래서 책을 구하려면 얼마든지 구할 수 있지만 보통은 취향에 맞는 책을 선택하면 됩니다.

 이제 한빛미디어의 Vue.js 첫걸음을 살펴 보겠습니다. 요즘 한빛미디어 책들은 심플한 표지를 추구하는 듯 합니다. 표지도 마음에 들고, 대형 출판사 답게 내부 편집도 깔끔하게 된 편입니다.

  그리고 국내 저자! 라는게 최장점이지 않을까 싶습니다. 외서 번역으로 하게 되면 번역 품질이나 알수 없는 문장들이 좀 생기게 마련인데, 국내 저자는 이런 점이 거의 없고. 이미 기 출간 경력이 있으신 분이기에 내용도 상당히 좋습니다.

  특히 '첫걸음'이란 타이틀에 맞게 역사, 설치, 주변 프레임워크 등에 관한 설명이 충분히 실려 있기 때문에 차분히 공부를 단계별로 하길 원하시는 분들에게 잘 맞는 책 입니다. 쿡북처럼 당장에 활용할 내용들로 꽉차 있지는 않기 때문에 바로 실전에서 활용할 내용이 궁금하신 분들이 보기에는 초반 내용이 지루할 수 있습니다.

  대신에 쿡북에 비해서 훨씬 넓은 영역에 대한 설명을 접하실 수 있습니다. 깊이 있는 설명은 첫걸음 책에서는 좀 힘든 부분이지만 웹 프레임워크가 처음이신 분들에게 충분히 도움이 될 만한 설명들이 가득 차 있습니다. (SPA 만들기에 관한 설명 등)

  저도 Vue에 대한 경험이 적기 때문에 이 책을 보면서 기초를 튼튼히 만들 수 있었습니다. 아직 실무에서 Vue를 활용한 어플리케이션 제작은 하지 않고 있지만 곧 적용해 보고 싶다는 생각도 드네요.

  이 책은 '웹 프레임워크'가 처음 혹은 'Vue.js'가 처음이신 분들에게 추천 드립니다!
  반대로 쿡북 수준의 바로 활용을 원하시는 분들에게는 비 추천입니다!

1. 개요

평소에프런트엔드 자바스크립트 프레임워크에 관심이 많아서 국내에 발간된 Vue.js 책은 딱 1권 빼고 모두 읽어 보았습니다.

리뷰를함께 했던 많은 분들의 의견대로 본 서적은 자바스크립트의 기본지식을 갖추고 실전 개발 경험이 있는 개발자라면 충분히 소화할 수 있는 분량과 난이도로저술되었다고 생각합니다.

책 제목이‘Vue.js 첫걸음’이지만 사실은 Vue.js 서적 중에 약간 난이도가 있습니다. 비유를 들자면 책의많은 부분에서 나무보다 숲을 설명하는 부분이 좀 있습니다. 그래서 해당 섹션에 대한 기초 지식이 없으면조금 이해하기 힘들 수 도 있습니다. 그럼에도 불구하고 Vue.js 관련책 중에 강력히 추천해 드리고 싶은 책 중에 하나입니다.

그리고초판(18년 4월 발행)인데도불구하고 본문이나 예제소스에서 아직 오탈자를 발견하지 못했습니다.  

2. 초간단 5분만에 책 읽기

1장에서 Vue.js 소개부터 시작합니다. Vue.js의 장점인 템플릿과 확장성그리고  활용방안(컴노넌트)에 대해 간단해 설명합니다.

아마 많은분들이 자바스크립트 프레임워크로 AngularJS, ReactJS, Vue.js 중에 어떤 것을 사용할지고민하셨을텐데 Vue.js를 선택해야 하는 이유에 대한 답을 찾을 수 있습니다.

2장에서는 Vue.js의 개발환경에 대해서 설명합니다. 프런트엔드 개발을 하고있는 분들은 Vue-cli 설치 등을 읽어보시면 됩니다. 다만자바스크립트 (Vue.js) 라이브러리 파일의 배포와 빌드에 대해 처음 접하는 개발자는 이번 기회에본 서적에서 설명하고 있는 다양한 모듈 번들러(Webpack 등)를학습해서 활용해 보시길 바랍니다.

3장은 Vue.js주요개념을 통해서 Vue.js라는 숲을 보는 섹션입니다. 당장 Vue.js는

어떻게시작하며 Vue인스턴스, 콤폰먼트, 템플릿, 이벤트핸들링과 같은 주요 개념에 대해 학습합니다.

4장에서본격적으로 Vue.js 코딩을 시작합니다. 간단한 Vue인스턴스를 만들기 위한 상태 옵션, DOM옵션, 애셋옵션, 컴포지션 옵션 등에 대해서 학습합니다.

실전 코딩에서 Vue.js의 인터텐스 생성부터 소멸까지 각 단계별로 필요한 이벤트를 처리해야하는 경우가 있는데 이러한 ‘라이프사이클 이벤트 훅’에 대해서 아주 상세히 설명 되어 있습니다.

5장에서드디어 화면에 데이터를 표시하기 위한 Vuw.js 템플릿, 디렉티브, 필터에 대해서 학습합니다.

6장에서는프로그램 랭귀지에서 흔한 반복 처리를 위한 반복렌더링에 대해서 설명합니다. 기존에 팀플릿 엔진 등을사용해본 독자라면 아주 쉬운 내용입니다.

참고로javascript 라이브러리인 lodash에 대한 내용도언급되는데 처음 들어보시는 분들은 한번쯤 학습해 보시길 권장합니다. 물론 유사한 라이브러리인Underscore도 좋습니다.

7장은 조건을처리하기 위한 조건부 렌더링에 대해서 학습합니다.

Vue.js 코딩 시 어떤 조건에 따라 DOM 엘리먼트의 랜더링 여부를 결정하는 v-if와 v-show는 아마 가장 많이 사용하는 디렉티브일 것입니다.

8장에서는계산된(Computed) 속성과 감시자(Watch)에 대해서학습합니다. 단어 자체가 생소할 수 있으나 이미 여러 프로그램 언어에 있는 개념이므로 실전에서 활용도가높습니다.

watch 속성은 사용자가 입력/수정한 부분에 대해 즉각적인 반응이 일어나는 실시간 시스템에유용하며, 계산된 속성은 캐싱 기능을 이용하여 미리 계산된 값을 여러 번 참조햐야할 때 성능 향상에도움이 됩니다.

10장과 11장에서는 웹 프로그래밍의 꽃이라 할 수 있는 이벤트 처리와 폼(Form)처리에대해 학습합니다.

우선 이벤트를감지하는 이벤트 리스너는 네이티브 자바스크립트의 이벤트 리스너와 거의 동일해서 내용이 쉽습니다. 특히 jQuery 등을 자주 사용해본 독자라면 이해가 더욱 쉽습니다.

그리고 Vue.js에서는 이벤트 수식어라는 것도 제공하는데 직관적이고 기능은 거의 네이티브 이벤트 객체와 동일해서 사용법만익히면 실전에 바로 적용이 가능합니다.

12장이 사실이 책의 핵심입니다. 바로 대규모 사이트 구축을 위한 컴포넌트에 대해 상세히 기술합니다.

한동안 jQuery 가 웹 프론트엔드의 지존으로 군림했던 때가 있었습니다. DOM 과 자바스크립트 객체를 손안에서 주무르며 서버와의 비동기 통신까지 손쉽게 해낼 수 있었기 때문에 많은 개발자들에게 사랑을 받았습니다. 하지만 시대가 흐르면서 jQuery 가 가진 불편함들을 해소하려는 노력들이 생겨났고 단순히 DOM 제어와 자바스크립트 객체 핸들링을 넘어서 브라우저 랜더링에 적극적으로 참여하는 프레임워크의 시대가 찾아왔습니다. 

근래 웹 프론트엔드 기술을 이야기할 때 빠지지 않고 나오는 세가지 기술은 앵귤러(Angular), 리액트(React), 그리고 뷰(Vue)입니다. 앵귤러는 초기 버전과 후속 버전의 급격한 학습곡선 차이로 인해 유저층이 분산되고 있다는 평이 많습니다. 리액트는 페이스북을 필두로 가장 널리 사용되는 웹 프론트엔드 기술이 되었지만 다소 복잡한 사용 방법에 대해 갑론을박이 많습니다. 이런 와중에 앵귤러의 단순함과 리액트의 강력함을 모아놓은 뷰가 급격히 사용자 층을 넓히기 시작했습니다.

이지호 님이 쓴 "Vue.js 첫걸음" (한빛미디어) 는 뷰가 가지고 있는 기능적인 측면들을 꼼꼼히 살펴 설명한 책으로 출간된지 얼마 되지 않은 따끈따끈한 책입니다. 회사에서 업무차 가볍게 내부의 웹 페이지를 개발해야 하는 요구사항이 생겨 이지스 퍼블리싱에서 출간된 "Do It! Vue.js 입문"을 읽고 있던 터라 책의 내용과 구성을 비교해 볼 기회가 생겼습니다. 참고로 한빛미디어에서는 주기적으로 "나는 리뷰어다" 프로그램을 통해 새롭게 출간된 책의 리뷰어를 선발하고 있습니다. "Vue.js 첫걸음"도 "나는 리뷰어다" 프로그램을 통해 제공받은 도서임을 미리 밝혀둡니다!

처음 Vue 를 시작하는 사람에게 어떤 책이 더 좋을까?

Vue 는 웹 프론트엔드 프레임워크인 만큼 기본적인 HTML 에 대한 지식과 DOM, 자바스크립트 등 기본적인 배경 지식이 얼마나 충분한가에 따라 학습곡선이 달라질 수 있습니다. "Vue.js 첫걸음"은 Vue 가 제공하는 인터페이스와 API 등을 중점적으로 설명하는 경량 바이블 형식을 지향하고 있습니다. 다시 이야기하면 Vue 를 어느정도 이해하고 사용하면서 옆에 두고 보면 좋은 구성을 가지고 있습니다. 그렇지만 수백페이지에 달하는 API 바이블 류의 책만큼 분량이 있는 것은 아니기 때문에 프레임워크를 어느정도 이해한 상태에서 핵심 기능을 빠르게 찾고 익숙해 지는데 도움이 될 수 있습니다.

반면, "Do It! Vue.js 입문"의 경우 가능한 빠르게 샘플 코드를 만들면서 실제 랜더링 되는 코드와 Vue 와의 관계를 많이 다루고 있습니다. Vue 의 다양한 기능을 하나씩 살펴보기 보다는 자주 사용되는 주요 기능을 중심으로 가볍게 살펴보고 바로 샘플 코드를 만들어 가면서 동작 원리를 익히는데 포커스를 두고 있습니다. 처음 Vue 를 시작하는 사람이라면 "Vue.js 첫걸음" 보다는 "Do It! Vue.js 입문"이 더 쉽게 읽히고 와닿을 수 있을거라 생각됩니다. 

Vue 를 조금이라도 공부해 본 사람이라면, "Vue.js 첫걸음"

최근 프레임워크나 라이브러리를 공부하는 사람들이 가장 많이 찾는 방법은 공식 문서를 통한 학습입니다. 그렇지만 공식 문서는 방대한 기능을 하나씩 모두 다루는 경우가 많아 빠르게 실무에 적용해야 하는 상황에 놓인 사람들에게는 다소 시간이 많이 걸리는 방법입니다. 바이블류의 책들이 정말 많은 것을 담고 있지만 프레임워크에 새로 진입 했거나 빡빡한 일정을 가진 사람들에게 크게 어필하지 못하는 것도 비슷한 이유 때문이라고 생각합니다. 

Vue 를 조금이라고 공부해 봤고 간단한 샘플코드를 통해 동작 방식을 이해하고 있다면 한빛미디어의 "Vue.js 첫걸음"이 탄탄한 기초 지식을 만드는데 도움이 될 것입니다. "Vue.js 첫걸음"은 책의 초반부에 개발에 필요한 환경을 구성과 Vue 의 생애주기모델을 설명하는데 할애하고 있습니다. 이를 기반으로 Vue 에서 사용되는 다양한 기능 요소들을 하나씩 너무 깊지도, 너무 얕지도 않게 설명하며 책의 중반, 후반부를 채우고 있습니다. 두꺼운 바이블이 필요한 단계가 아닌, 초급에서 익숙한 초급 혹은 중급으로 넘어가는 분들에게 분명 도움이 될 수 있는 구성으로 보입니다. 

  요즘 보면 JavaScript 라이브러리와 프레임워크들을 정말 많이 사용하고 있고 그 사용 폭도 점점 넓어지고 있다. 종류도 많지만 각각의 특성도 다양해서 정말 따라가기 힘들다. 워낙 넓다보니 뭐부터 시작해야 할지도 잘 모르겠다. 최근 동기들과 React를 조금씩 공부하고 있는데 React 와 Vue의 차이를 좀 알아볼겸 이번 리뷰 도서로 선택을 했다. 

보통 모르는 언어를 처음 접할때에는 가장 중요한게 이론이다. 아무생각없이 Copy&Paste만 해가지고는 처음에는 좀 빠를지 몰라도 나중에는 막히게 된다. 이 책도 읽다보면 빠르게 진도를 나갈수 있는 책은 아니었다. 특히 나같이 Javascript 에 대해서 많은 지식을 가지고 있지 않은 사람들에게는 정말 천천히 끈기를 가지고 읽어야 하는 책이다. 책 내용을 보면 정의나 속성, 원리에 대해서 정말 자세하게 설명해주고 있다. 그래서 읽다가 혹시 이거 번역서인가? 라는 생각도 했다. 책 구성이나 디자인이 약간 O'reilly 에서 나오는 책같은 느낌이 들어서였다. 그런데 그게 아니었다. 정말 이렇게 자세하고 꼼꼼하게 설명해준 저자 분이 정말 대단하다는 생각이 들었다.

특히 Chapter 3에 나와있는 Vue.js 의 주요 개념들은 처음 접하는 나에게 많은 도움을 주었다. 보통 Chapter 별로 하나씩 하나씩 설명해주는게 일반적인데 일단 먼저  개념에 대해서 설명을 해주니 전체적인 연결고리들을 좀더 이해하기 쉬웠다.

쉽지는 않겠지만 Vue.js에 대해서 관심이 있거나 시작하려는 사람들은 이책을 읽어보면 많은 도움을 받을 수 있을거 생각이 된다. 

http://blusky10.tistory.com/339

빠르게 내실을 다질 수 있어 좋습니다.

한번 따라해보고 끝나는 그런 책은 아니지만, 어렵지도 않고 잘 들어옵니다.

그러면서도, 이유와 목적에 대한 설명이 충분합니다.

제목은 첫 걸음이지만 목차를 보시면 알겠지만 응용단계까지 갈 수 있도록 단계별로 인도합니다.

참고서로 두고 볼 가치가 느껴집니다.

총 14장, 2개의 부록으로 한 장이 길지 않아 지루하지 않게 읽어내려갈 수 있음. 

나중에 필요한 부분 찾기 쉬울것 같음. 

폰트크기 적당하고, 줄간격 적당함. 

다만 스탠도 밑에서 보면 책이 빛을 조금 반사할 듯.

따라하기 스타일의 초급 책에는 잘 없는 "Vue 라이프 사이클"에 대해 설명되어 있어서 이해하는데 도움 되었음. 

설명하고자 하는 내용이 차근차근히 표현되어 있어서 이해하는데 어렵지 않았음. 

부담스럽지 않고, 

머리 쥐어 뜯지 않고 읽을 수 있었음.