바닐라 JS만을 이용한 노션 클로닝 페이지

🎉 배포 링크

노션

🖥️ 데모 영상

⚙ 주요 기능

개인 페이지 목록

• 새로운 페이지를 추가할 수 있다.
• 문서 우측 + 버튼을 누르면 새롭게 생성하는 문서의 편집화면이 모달창으로 뜨고 하위 페이지 생성이 가능하다.
• 문서 우측 - 버튼을 누르면 삭제 확인 메시지가 뜨고 삭제가 가능하다.

편집기

• 저장 버튼을 따로 두지 않고 지속적으로 서버에 자동 저장이 된다.
• 페이지를 누르면 해당 문서를 편집할 수 있다.

브레드크럼 기능

• 편집기에서 사용자의 위치를 보여주는 내비게이션 시스템이다.
• 사용자가 버튼을 클릭하면 원하는 상위 페이지로 이동이 가능하다.