- 사이드바에 document 구조를 트리 형태로 볼 수 있도록 여백을 주어 구현했습니다.
- document를 사이드바에서 클릭하면 해당 도큐먼트 편집화면으로 넘어갑니다.
- 사이드바 각 아이템에 마우스를 hover하면
하위 도큐먼트 추가 버튼과도큐먼트 삭제 버튼이 노출됩니다. 하위 도큐먼트 추가 버튼을 클릭하면 하위 도큐먼트가 생성되어 트리에 삽입되고, 생성된 도큐먼트 편집화면으로 넘어갑니다.도큐먼트 삭제 버튼을 클릭하면 낙관적 업데이트를 통해 사이드바가 업데이트됩니다.