1/28 얇은복사vs 깊은복사, Infinite Scroller

`·2022년 1월 30일
0

복사하기
얕은 복사주소값을 복사한다. 즉, 원본의 값이나 복사된 값이 변경될 경우 두 값 모두 변경 된다.
깊은 복사는 얕은 복사와 달리 주소값을 복사하는 것이 아닌, 전부를 복사해 새 주소에 담아주어 참조를 공유하지 않게 된다.

child 2 {
	name: '영희',
    age: 4,
    school: 'dd'
}
let child 4 {
	...child2 (스프레드 연산자)
}
let profile1 = {
	name: '철',
    age: 3,
    school: '공'
    hobby: {
    	first: '수영',
        second: '프로그램'
    }
 }

스프레드 연산자로 복사하면 객체 1단계까지 밖에 안된다.(얕은 복사)
깊은 복사 => 새 객체 만들기
JSON.stringify(profile1) JSON.parse(JSON.stringify(profile1))

객체에서 키가 중복이되면 아래가 위를 덮어씌운다
globalstate: 모든 파일에서 공통으로쓰는 스테이트

React Infinite Scroller
$ yarn add react-infinite-scroller
$ yarn add @types/react-infinite-scroller -D(타입 지정)

    

0개의 댓글

관련 채용 정보