Custom Notion

• visit my clone notion site
  • you can add new block by "Enter" on the last element of the current sub-blocks.
  • you can "Tab" to make a block indent.
  • you can drag and drop blocks using the dot button at the end of each block.
  • you can use keyboard "Up and Down" to move your focus
  • you can delete block by pressing "Ctrl + delete"

blogging

• React 관련 싹훑기(7) - Redux 앱 구상 및 간단한 상태설계
• React 관련 싹훑기(8) - 간단하게 Notion처럼 Editing이 가능한 블럭 구성하기
• React 관련 싹훑기(9) - 중첩되게 block이 들어갈 수 있도록 구성하기 + Tab기능(아직은 two depth) + focusing
• React 관련 싹훑기(10) - Enter, Tab, 블럭 에디팅 기능까지 리팩토링 완료!
• React 관련 싹훑기(11) - Reordering blocks using react-beautiful-dnd
• React 관련 싹훑기(12) - React-ContentEditable관련 reference가업데이트가 안되는 문제 해결

how to run

yarn install
yarn start

ref

• https://medium.com/swlh/how-to-build-a-text-editor-like-notion-c510aedfdfcc
• https://github.com/konstantinmuenster/notion-clone