Frontend framework으로 React를 써 봤다. 별로 어렵지 않은 걸? 하며 다음 프로젝트도 React로 시작을 했다.
관리자 페이지였기에, 그에 적합한 UI Framework을 정할 차례.
Admin Dashboard 로 무엇을 할까 검색하며 여러가지를 해 봤다.
AdminJS
github 제 제법 많은 star 가 있었다. backend와 frontend를 다 다루고 있고, frontend 는 react로 구현되어 있었다. 단, auth는 firebase만 지원하고 있었다.
그래, 이걸로 해 보자! 하고 기본 template을 가져와 build했다.
constants.ts에 기본 ID, Passwd인admin@example.com/password로 되어 있다.
여기서 customizing을 하려 하니, 쉽지 않았다. Customizing의 난이성으로 포기!
AWS Amplify Admin UI
영 구린 UI와 일관성 없는 CLI로 포기
Tabler
Bootstrap 기반의 UI template 이고, 이 역시 github에 많은 star가 있다.
헌데, 역시 admin dashboard customizing이 쉽지가 않아 포기!
Flowbit-Astro-Admin-Dashboard
내가 좋아하는 Astro Framework 기반이다.
그런데, astro v4는 아직 지원 못하고 있어서 포기.
Refine
꽤 많은 예제가 있다.
Quick Starter로 기본 코드까지 만들어주는 장점이 있다.
기본 템플릿으로 만든 Dashboard도 괜찮아 보였다.
Refine정하고, 2주정도를 이 기반으로 작업했으나, 익숙치 않은 React와 React 기반 Framework으로 인한 생산성이 영 안나와 포기했다.
한 번 익숙해진 것에서 벗어나 새로운 것으로 전환한다는 것이 쉽지 않다는 것을 다시 한번 깨달은 시도였다.
시간적 제약으로 인해 더 이상 학습에 시간을 소모할 수 없어, 익숙한 Vue.JS 기반의 Quasar Framework 으로 돌아왔다.
Quasar의 장점으로 Vue.js 기반에 TypeScript 지원. SPA, SSR 의 웹 뿐만 아니라 Capacitor 기반으로 cross platform mobile 지원, Electron 도 지원하여 정말 다재다능한 Framework이다. 여전히 활발한 update도 강점 중의 하나다.
