Ikjun Notion

개요

바닐라 자바스크립트로 Notion 주요 기능을 클론 코딩한 개인 프로젝트

목표

• SPA, 상태 관리, 비동기 통신 로직을 구현하면서 자바스크립트 언어 숙달
• 순수 자바스크립트로 SPA 웹 페이지를 구현
• 컴포넌트 기반 코드 작성 및 상태 관리 구현

핵심 기능

• 글 추가, 수정, 삭제 가능
• 왼쪽 네비바에서 글 목록을 트리 형태로 탐색 가능
  • 하위 페이지 링크 조회 가능
• 문서 에디터 기능 : contenteditable 속성과 Range & Selection 객체로 구현
  • 마크다운 # 소제목 적용 가능