기본 콘텐츠로 건너뛰기

라벨이 menu인 게시물 표시

[2023-04-19] vscode로 typescript 개발 환경(Menu 테이블을 Tree형태로 구성)

안녕하세요. 클스 입니다. 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...