JSFiddle - React, Tailwind, and code Playground

by Jang Won Woong

HTML

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<pre>
<div id="result">
</div>
</pre>

JavaScript

var JOW_APP = JOW_APP || {};
JOW_APP._tree = 
        [
            { id : "home", name : "HOME", parentId : "root",order: 0 },
            { id : 'sub_01', parentId : 'home', name : '감천문화마을',doc : 'sub_01', CssClass : 'top_color_01' ,order: 0},
			{ id : 'sub_01_02', parentId : 'sub_01', name : '마을소개',doc:'sub_01_02' ,order: 0  },
			{ id : 'sub_01_03', parentId : 'sub_01', name : '시설안내',doc:'sub_01_03' ,order: 1 },
			{ id : 'sub_01_04', parentId : 'sub_01', name : '마을 둘러보기',doc:'sub_01_04' ,order: 2 },
			{ id : 'sub_01_04', parentId : 'sub_01', name : '작품안내',doc:'sub_01_04' ,order: 3 },
			{ id : 'sub_01_05', parentId : 'sub_01', name : '오시는길',doc:'sub_01_05' ,order: 4 },
			{ id : 'sub_02', parentId : 'home', name : '체험 및 숙박',doc : 'sub_02' , CssClass : 'top_color_02' ,order: 1},
			{ id : 'sub_02_02', parentId: 'sub_02', name : '공방 소개',doc:'sub_02_02' ,order: 0 },
			{ id : 'sub_02_03', parentId: 'sub_02', name : '입주작가 공방',doc:'sub_02_03' ,order: 1 },
			{ id : 'sub_02_04', parentId: 'sub_02', name : '체험 신청',doc:'sub_02_04' ,order: 2 },
			{ id : 'sub_02_05', parentId: 'sub_02', name : '객실 소개',doc:'sub_02_05' ,order: 3 },
			{ id : 'sub_02_06', parentId: 'sub_02', name : '객실 예약',doc:'sub_02_06' ,order: 4 },
			{ id : 'sub_03', parentId : 'home', name : '문화쇼핑',doc : 'sub_03' , CssClass : 'top_color_03' ,order: 2},
			{ id : 'sub_02_02', parentId : 'sub_03', name : '마을기업 소개',doc : 'sub_02_03' ,order: 0},
			{ id : 'sub_02_03', parentId : 'sub_03', name : '관광상품',doc : 'sub_02_03' ,order: 1},
			{ id : 'sub_02_04', parentId : 'sub_03', name : '입주작가 작품',doc : 'sub_02_04' ,order: 2},
			{ id : 'sub_04', parentId : 'home', name : '정보광장',doc : 'sub_04' , CssClass : 'top_color_04' ,order: 3 },
			{ id : 'sub_04_02', parentId : 'sub_04', name : '주요 관광지',doc : 'sub_04_02' ,order: 0},
			{ id : 'sub_04_03', parentId : 'sub_04', name : '주요 문화재',doc : 'sub_04_03' ,order: 1},
			{ id : 'sub_04_04', parentId : 'sub_04', name : '전통시장' ,doc : 'sub_04_04' ,order: 2},
			{ id...