-
React 관련 싹훑기(10) - Enter, Tab, 블럭 에디팅 기능까지 리팩토링 완료!Web Dev/3. React 관련 2021. 5. 29. 17:32728x90
이제 React랑 많이 친해진 느낌이다. 노션을 만들어보니까 React가 확실히 jQuery보다는 좋은 녀석이구나 깨달을 수 있었다. 상태처리하는 부분이랑 action부분을 많이 업데이트를 했다.
지금 되는 기능은
1. 한 큰 블럭을 기준으로 마지막 원소에서 엔터를 하면 새로운 블럭이 추가되는 기능
2. Tab을 했을때 상위 블럭의 하위로 이동하고 있다.
뿌듯하다. 큰산은 넘어서, 이제는
1. block을 이동하는 기능이랑,
2. 삭제하는 기능
3. 페이지별로 보이도록
4. 로컬스토리지에 저장해서 불러올 수 있도록
이렇게만 정리하면 된다~
'Web Dev > 3. React 관련' 카테고리의 다른 글
React 관련 싹훑기(12) - React-ContentEditable관련 reference가업데이트가 안되는 문제 해결, (0) 2021.05.30 React 관련 싹훑기(11) - Reordering blocks using react-beautiful-dnd (0) 2021.05.30 React 관련 싹훑기(9) - 중첩되게 block이 들어갈 수 있도록 구성하기 + Tab기능(아직은 two depth) + focusing (0) 2021.05.28 React 관련 싹훑기(8) - 간단하게 Notion처럼 Editing이 가능한 블럭 구성하기 (0) 2021.05.27 React컴포넌트에서 HTMLElement contentEditable 속성 사용하기 (0) 2021.05.27