React? Angular? Vue!

Javascript 프레임워크에 대한 관심이 생긴 후, Vue.js가 새로운 강자로 떠올라서 흥미가 생기기 시작했었다. 뷰 밋업도 참여해보고, 사이트 들어가서 뒤적뒤적이다가 학교 선후배가 뷰로 스터디하자고 해서 3달정도 토요일오전을 투자해서 뷰에대해 공부하는 시간을 가졌다. 실제로 뷰로 프로젝트를 하지는 않아서 아 이런 기능들이 있구나 하는 수준밖에 되지는 않지만 그래도 흥미로웠다.
Angular와 생각보다 비슷한 부분이 아주 많지만 디테일은 또 상당히 다르다. 그리고 확실히 접근성은 뷰가 더 좋다. 다들 이야기 하는 ‘자바스크립트 프레임워크 중에 가장 쉽다’ 라는 이야기는 이해가 간다. 무려 한글로 제공하는 공식 사이트 가이드 부터 CDN만 넣어주면 바로 쓸 수 있는 기능까지… 그런데 이게 사실 함정인게 깊게 들어가면 난이도는 비슷해진다는 점이다. 그래도 접근성이 좋은것만으로도 참 매력적으로 보이는 녀석이다.

스터디 때 공유하였던 내용.

스터디때 책의 소챕터들을 인원별로 나누어서 학습하고 공유하는 방식이였다. 그중에 내가 하였던 내용들은 좀 정리 없이 노트북, 데탑, jsFiddle 막 나눠서 하다보니 정리가 좀 안되어있지만 아래는 기록을 남기는 용도로 링크로 대체한다.
참 책은 Vue.js 2 Cookbook을 봤었는데… 비추! 예제는 많은데 기본적인 설명이 너무 부족했던지라 다들 스터디때 저건 왜 저렇게 쓰는거지? 라는 질문이 난무하게 해줬다. 오히려 더 감사한건가..

아래는 jsFiddle에서 작성했던 스터디 내용 중 일부

뷰 스타일 기본
뷰로 트랜지션 적용하기
v-html
Render 사용
비동기 컴포넌트 로딩
라우팅 기본
라우팅 이벤트간 스타일 적용
라우팅 전환 시 로직처리 및 오류관리
컴포넌트, 자식 렌더링

앞으로

뷰로 단순한 프로젝트를 하는 것을 기획하고 있다. Angular는 쓸만큼 썼으니 새로운 프레임워크로 단순한 컨셉의 사이트를 만들거나, 계속 작업중인 Angular기반의 블로그 사이트를 뷰로 대체한다거나.. 뷰 관련 컴포넌트를 만들거나 하는 기획단계이다. 좀 여유 시간이 많이 생기길 바랄뿐..
뷰에 대한 스터디가 더 진행되면 Angular 처럼 디테일한 포스트도 남길 예정이다.