노션 클론

바닐라 자바스크립트를 이용한 노션 클로닝 프로젝트입니다. 링크

---

기능

문서 생성, 삭제, 수정

• +버튼을 클릭하여 새로운 자식 문서를 생성할 수 있습니다. 페이지추가 버튼을 이용하여 root레벨의 문서를 생성할 수도 있습니다.
• x버튼을 클릭하여 문서를 삭제할 수 있습니다.
• 문서를 수정할 수 있습니다. 자동저장 기능이 존재하여 짧은 시간동안 입력이 없을 경우 문서가 저장됩니다

markdown(임시 지원)

• #~####을 이용하여 제목1 ~ 제목4까지 마크다운 기능을 지원합니다.

BreadCrumb

• 문서 상단 bread-crumb를 통해 중첩된 문서를 탐색할 수 있습니다(좌측 navbar에서도 가능합니다)

문서 접고 펼침, 현재 문서 하이라이팅

• 좌측 navbar를 통해 문서를 접고 펼칠 수 있습니다.
• 현재 보고있는 문서가 좌측 navbar에서 하이라이팅 됩니다.

navbar 리사이징

• navbar의 경계를 드래그해 리사이징할 수 있습니다.