BIBLIYA 개발 노트 LV_1

React Text Editor Quill 사용할 때 toolbar가 두 번 호출 될 때 해결 방법 2가지 1. index.js에서 React.StrictMode를 없앤다. import React from "react"; import ReactDOM from "react-dom/client"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( ); 2. useCallback과 ref를 사용해서 설정해 준다. import React, { useCallback } from "react"; import Quill from "quill"; import "quill/dist/q..

1. Debounce가 무엇인가 검색 입력을 할 때 결과가 나타날 때까지 시간이 걸리는 것을 debounce라는 함수에 의해서 제어를 할 수 있다. Debounce Function은 사용자가 설정한 시간 동안 타이핑을 멈출 때까지 keyup 이벤트 처리를 지연시킨다. Debounce의 장점 UI 코드가 모든 이벤트를 처리할 필요가 없다. 서버로 전송되는 API 호출이 크게 줄어든다. 입력된 모든 문자를 처리하면 성능이 저하되는 것을 막을 수 있다. 백엔드에 불필요한 로드를 추가하지 않는다. Input 창에 글씨를 쓸 때 onChange로 값을 받을 때 debounce를 사용하지 않으면 글자 하나하나가 변할 때마다 값을 바꾸지만 debounce를 사용하면 결과값만 얻을 수 있다. 리액트에서 Hooks를 만..