기술개발/React, Frontend 2021. 3. 15. 16:48

리액트에서의 배열 특징 자바스크립트에서 배열을 다뤄보신분이라면 그냥 배열에 데이터를 추가할 때, push 를 사용하지만 리액트에서는 state 내부의 값을 직접적으로 수정하면 절대로 안된다. 이를 불변성 유지 라고 하는데, 이전에 나는 이것을 모르고 push를 통해서 수정한 적이 있다. push, splice, unshift, pop 같은 자바스크립트 내장함수는 배열 자체를 직접 수정하게 되므로 리액트에서는 적절하지 않고 concat, slice, map, filter 같은 함수를 사용해야 한다. 불변성 유지가 중요한 이유는 불변성을 유지해야, 리액트에서 모든것들이 필요한 상황에 리렌더링 되도록 설계 할 수 있고, 그렇게 해야 나중에 성능도 최적화 할 수 있기 때문이다. (출처: https://velop..