구현 검토 결과

현재 데이터베이스의 활성 부서가 1건이라 데스크톱·모바일 캡처에는 ROOT 한 행만 표시되지만, 트리 패널·부서 수·선택 상세 패널·편집 폼의 2열 구조는 정상 렌더링됐다. 모바일에서는 트리와 상세 패널이 세로로 쌓이고 좌측 메뉴가 상단 탭으로 전환됐다. 선택 검증에서 selected_department=ROOT가 확인됐다.

다음 데이터가 실제로 계층을 이루면 parentId 기준으로 하위 노드가 들여쓰기되고, 토글 버튼으로 펼침·접힘이 가능하다.

하위 부서 추가 동작 대조

Document Library의 조직도 화면은 상단 부서 추가 버튼을 누르면 등록 폼을 열고 상위 부서 선택 필드를 제공한다. 선택 필드에는 최상위 부서와 기존 부서들이 표시되며, 등록 시 선택한 parentId로 하위 부서를 만든다. 트리 행에는 부서명·Dept Code·하위 부서 수가 표시되고, 상위 노드는 펼침·접힘 버튼을 가진다. 현재 Document Library 테스트 데이터에서는 13개 부서가 확인됐다.