[quaser.dev][2014-09-14] 윈도우즈(10, 64bit)에 개발환경 설정하기

안녕하세요. 클스 입니다. typescript 가 이젠 많이 중요해 졌습니다. vuejs, react 등에서 빠질 수 가 없네요~ 개요 - DB의 메뉴 테이블에서 데이터를 가져와서 웹에 tree 구조로 출력해보려고 하니 웹을 올리고 소스 수정하면 빌드하고 확인하는 시간들이 많이 들어요~ - 그래서 typescript만 개발하면 좋을 듯하여 셋팅 해봤습니다. 메뉴 테이블 쿼리 WITH RECURSIVE tree_view(menu_id, menu_nm, up_menu_id, depth, path) AS ( SELECT menu_id, menu_nm, up_menu_id, 1 as depth, CAST (menu_id AS VARCHAR ( 100 )) as path FROM tb_menu WHERE up_menu_id is NULL -- 최상위 노드를 선택합니다 UNION ALL SELECT child.menu_id, child.menu_nm, child.up_menu_id, parent.depth + 1 as depth, CONCAT(parent.path, ' _ ' , child.menu_id) as path FROM tb_menu child JOIN tree_view parent ON child.up_menu_id = parent.menu_id ) SELECT menu_id, menu_nm, up_menu_id, depth, path , CONCAT( RIGHT ( ' ---------- ' ,depth* 3 ), menu_nm, ' ' ) AS parent_child_tree FROM tree_view ORDER BY path; t...

  quasar + vite + vue + typescript <Mac> 1. 사전 작업 pyenv + virtualenv + poetry 설치 python 3.11.1 설치 virtualenv로 가상환경 생성 py3.11.1 2. 환경 $ pyenv activate py3.11.1 $ yarn global add @quasar/cli $ npm install -g @vue/cli $ mkdir -p ~/myprj/quasar && cd $_ * vue3js + vite + quasar + typescript 로 프로젝트가 만들어짐 $ yarn create vite my-vue-app --template vue * 실행 $ vite dev VITE v4.0.2 ready in 377 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h to show help 결과 <브라우저에서 확인> 삭제

왜? VueJS를 선택했나? --------------------------------- vuejs 는 이젠 많은 회사들이 도입해서 사용하고 있습니다..  리액트는 프로젝트에 많은 사람이 필요하고, vuejs 는 개발자가 별로 없을때 사용하면 좋을 듯합니다.  그런데 vuejs 3이 릴리즈 되면서 많은 환경의 변화가 있었습니다. 그래서 어떻게 선택해야 할까? 정리해봤습니다. 계속 변해서 업데이트 ....