블로그 술이

ㆍImmer 사용하기 import produce from ‘immer’ const 새배열 = produce( 원본배열 , 복사된배열 => { 복사된배열을 수정처리, 완료되면 새배열 로 리턴함}) setValue(새배열); // 리턴된 새배열로원본에…

React : Shallow copy & deepCopy

★ 단순배열(값으로만 이루어진)의 경우 얕은복사(참조) 깊은복사(값)처리가 정상적으로 이루어지지만 객체를 포함하고 있는 배열의 경우 객체들은 복사되지않음 (값은 정상적으로 깊은복사가됨) ㆍ1) 단순배열의 얕은복사와 깊은 복사…

[ React 에서 페이지가 렌더링 되는 시점 ] ① 최초 페이지가 처음 열릴때 , JSX 안의 상태(변수) , 함수 그리고 컴포넌트 등이 처음 Rendering 이 된다…

[ useCallback ] const 함수 = () => { } // 일반함수 const 함수 = useCallback ( () => { } ,…

[useState] – 동기/비동기 const [ value , SetValue ] = useState(초기값); – useState 는 변수 업데이트 방식은 비동기 방식으로 처리된다 – useState 는 변수로 사용할…

# 객체 요소 삭제 삭제 → delete 객체.키 추가 → 객체[새로운Key] = ‘값’ 찾기 → 객체.hasOwnProperty(키) // true or false const a = { ‘a’…

# 배열 키가 존재하는지 체크 → 배열에서는 키가 존재하지 않기때문에,,, 값 이 곧 키 이다 (값 = 키)을 체크 후 리턴 const myArray = [1…