- 불변성 : 메모리에 있는 값을 변경할 수 없는 것
- 원시데이터(문자, 숫자, 불리언) : 수정할 때 메모리에 저장된 값을 변경할 수 없고, 새로운 메모리 공간에 새로운 값을 저장한다. (불변성 ⭕️ )
- !원시데이터(객체, 배열, 함수) : 수정하면 기존 메모리 공간의 값을 직접 변경한다. (불변성 ❌ )
- 불변성을 지켜주는 방법 : 배열이나 객체를 수정할 때 기존 값을 직접 변경하는 것이 아니라, 새로운 배열이나 객체를 생성해야 한다.( = 순수함수) 이를 위해 스프레드 문법(...rest), map, filter 등을 사용하여 새로운 배열이나 객체로 만들어준다.
참고 레퍼런스) 리액트 입문주차 - 최원장 튜터 (스파르타코딩클럽)
'React' 카테고리의 다른 글
| 디버깅을 통한 버그 해결 경험 (2) | 2023.09.22 |
|---|---|
| 효율적인 이미지 관리를 위한 코드 리팩토링 (2) | 2023.09.22 |
| 데이터 관리: Firebase vs Supabase 비교 (2) | 2023.09.22 |
| Lodash의 Deboucing 활용 - 버튼 중복 클릭 방지 (2) | 2023.09.18 |