티스토리 뷰
급하게 관리자 페이지를 작성해야 될 일이 생겨서 눈여겨 봐둔 vue-element-admin을 이용했습니다.
10년 전쯤 javascript와 html, css를 이용해서 웹사이트를 작성해봤고 jquery등 유명한 라이브러리들을 사용해 본 정도의 실력이라
요즘 트렌드에 맞는 웹 개발은 익숙치 않은 상태에서 관리자 페이지가 필요했습니다.
react. vue, angular 등 간단히 tutorial 정도는 실행해봤으나 실제 프로젝트를 구성하려고 하면 쉽지 않은데 vue-element-admin은 이미 구조가 잡혀있어서 처음 접하는 사람이 공부하기 좋은 소스네요
vue 기반이고 라우팅을 할 수 있게 해주는 vue-router, 상태 관리를 해주는 vuex, 다양한 UI 라이브러리를 제공하는 element io, module bundler webpack, 코드 일관성을 유지하게 해주고 버그를 찾아주는 eslint, 백엔드 API 개발과 별도로 데이터를 mocking해서 처리해 주는 mockjs, 인기있는 http library axios 등등 유명하고 많이 사용하는 라이브러리를 따로 찾지 않아도 이미 vue-element-admin에서 사용하고 있어서 소스를 보는 것만으로 큰 도움이 됩니다.
처음 eslint를 사용하니 checkstyle과 같이 코드 일관성 맞추는데는 너무 좋네요
세세한 설정을 할 수 있어서 팀 단위로 개발 시 꼭 필요한 라이브러리입니다.
vue를 처음 접하는데 vue, vue-router, vuex 문서와 더불어 vue-element-admin 소스를 수정해보면서 익히면 좀 더 수월할 것 같습니다.
developer roadmap 2018 을 보면 front-end developer roadmap에 다양한 라이브러리들이 나옵니다.
제대로 하려면 다 알아야되겠지만 많은 시간을 투자해야되는데 react, vue, angular를 단순 비교했을 때는 vue가 좀 더 쉽게 와닿네요
기존 레거시 코드의 일부로 vue를 사용할 수 도 있을 것 같습니다.
vue-element-admin으로 나만의 관리자 페이지를 작성해 보세요 ^^