개발하는SM

서론 React에서 참조형 타입( 배열, 객체 )의 State를 관리하다 보면, 이전 State의 값을 안전하게 복사해오는 방법에 대해 고민하게 된다. 그 때마다 Javascript 의 Shallow Copy 와 Deep Copy 에 대해 항상 검색하게 되는데, 이런 내용에 대해 확실하게 정리하고 넘어가려고 한다. 원시값과 참조값 원시 값 원시값에는 위와 같이 7가지 종류가 있고, 원시값은 변형할 수 없다. 원시 자료형을 변수에 할당할 때는 변수에 값을 저장한다. ( 값에 의한 전달 ) 기존 변수 ( a ) 를 복사해서 다른 변수 ( copiedA ) 에 할당해 준 다음, 다른 변수 ( copiedA ) 를 변경해도 기존 변수 ( a ) 에는 영향을 주지 않는다. 참조값 원시값이 아닌 것들은 모두 참조형..

Spread & Rest Operater - Spread 연산자와 Rest 연산자는 같은 구문을 사용함 : ... - Spread Operator 는 배열에서 요소들을 가져오거나 객체에서 속성들을 가져옴. - Spread Operator 는 기본적으로 1 depth 까지만 Deep Copy 를 수행함. - 참고 : https://hanamon.kr/javascript-shallow-copy-deep-copy/ - Rest Operator 는 Deconstructuring 과 관련된 문법으로, 아래와 같이 사용됨. JS Array Functions - 차세대 자바스크립트는 아니지만, 다음과 같은 javascript Array 함수가 있음. - 아래 링크를 통해 사용법 참조. 다음 페이지는 어레이 프로토타입..