ㆍReact 라우터 > React 라우터 설치 c:\project> npm i react-router-dom react-router-dom 모듈을 설치하면 아래와 같은 기능을 이용 할 수 있다. ㆍ라우터 관련 컴포넌트 <BrowserRouter/> ,…
import React from ‘react’ import {useState , useRef, useCallback} from ‘react’ import produce from ‘immer’ function App() { const nextId = useRef(1);…
ㆍImmer 사용하기 import produce from ‘immer’ const 새배열 = produce( 원본배열 , 복사된배열 => { 복사된배열을 수정처리, 완료되면 새배열 로 리턴함}) setValue(새배열); // 리턴된 새배열로원본에…
★ 단순배열(값으로만 이루어진)의 경우 얕은복사(참조) 깊은복사(값)처리가 정상적으로 이루어지지만 객체를 포함하고 있는 배열의 경우 객체들은 복사되지않음 (값은 정상적으로 깊은복사가됨) ㆍ1) 단순배열의 얕은복사와 깊은 복사…
[ React 에서 페이지가 렌더링 되는 시점 ] ① 최초 페이지가 처음 열릴때 , JSX 안의 상태(변수) , 함수 그리고 컴포넌트 등이 처음 Rendering 이 된다…
[ useCallback ] const 함수 = () => { } // 일반함수 const 함수 = useCallback ( () => { } ,…
[useState] – 동기/비동기 const [ value , SetValue ] = useState(초기값); – useState 는 변수 업데이트 방식은 비동기 방식으로 처리된다 – useState 는 변수로 사용할…