# 불변성

11개의 포스트

(React) 리액트의 불변성 immutable.js

리액트를 사용한다면, immutability라는 말을 들어봤을 것이다. 리액트 컴포넌트의 state를 변경해야할 땐, 무조건, setState를 통해서 업데이트 해주어야 하며, 업데이트 하는 과정에서 기존의 객체의 값을 직접적으로 수정하면 절대 안된다.

2021년 5월 4일
·
0개의 댓글

React 에서 state의 불변성

아래의 코드는 React 공식 문서에 나와 있는 예시임아래의 경우처럼, 이미 존재하는 state 값(squares 배열) 내의 squares\[i]로 직접 접근하여 업데이트 하지 않고, slice()로 전체 복사본을 만든 다음, 업데이트된 부분을 반영시킨 후, 전체를

2021년 4월 30일
·
0개의 댓글
post-thumbnail

[React] 배열 값 추가, 제거, 수정하며 불변성 유지하기

"벨로퍼트와 함께하는 모던 리액트"의 "배열에 항목 추가하기", "배열에 항목 제거하기"와 "배열 항목 수정하기"를 읽고 정리한 글입니다.

2021년 4월 22일
·
0개의 댓글
post-thumbnail

[React] input 값 불변성 지키며 객체로 관리하기

"벨로퍼트와 함께하는 모던 리액트"의 "input 상태 관리하기"와 "여러개의 input 상태 관리하기"를 읽고 정리한 글입니다.

2021년 4월 19일
·
0개의 댓글
post-thumbnail

[코어 자바스크립트 뽀개기] 자바스크립트에서의 메모리 관리와 불변성(immutability)

1년 이상 React 개발을 하면서 점점 프레임워크에 국한되는 스킬과 기본 지식만을 쌓고 있다는 것을 알게 되었습니다. 개발을 배우던 초기에 Javascript 관련 습득했던 지식들이 점점 잊혀졌습니다. 실행 순서들은 console로 찍으면서 파악하고, Javascri

2021년 2월 14일
·
0개의 댓글

immer를 사용하여 불변성 유지하기

불변성이란 기존의 값을 그대로 유지하면서 새로운 값을 추가하는 것으로객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미한다.예제로 연습아래 그림에서 빨간색으로 테두리 쳐진값을 불변성을 유지하며서 값을 추가를 해보자..🤯이러면 기존에 선언한 state변수

2020년 12월 21일
·
0개의 댓글
post-thumbnail

StateManagement

React State의 불변성을 무시한 예시⭐️ Selected 배열을 다른 Component의 데이터와 취합해 BackEnd로 전달하기 위해 selected가 변경될 때마다 sessionStorage에 저장하는 function을 만들었다. 그런데 selected에 추가될 때는 잘 실행되던 function이 삭제할 때는 미동도 없는 현상이...? S...

2020년 8월 29일
·
0개의 댓글

자바스크립트 - 데이터의 불변성

변수와 상수를 구분짓는 변경 가능성의 대상은 변수 영역 메모리,불변성 여부를 구분할때의 변경 가능성의 대상은 데이터 영역의 메모리이다.기본형 데이터(숫자, 문자열, boolean, null, undefined, symbol)은 불변값이고참조형 데이터(객체, 배열)은 기

2020년 8월 7일
·
0개의 댓글
post-thumbnail

Primitive Type VS Reference Type

자바스크립트의 기본형 데이터, 참조형 데이터의 차이 (메모리 위주로)

2020년 7월 25일
·
0개의 댓글
post-thumbnail

불변성

불변성이란 기존의 값을 그대로 유지하면서 새로운 값을 추가 하는것 으로 객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미한다. React에서 다시 렌더링하는 시기를 결정함 불변성의 가장 큰 장점은 React에서 순수 컴포넌트를 만드는 데 도움을 준다는

2020년 5월 24일
·
0개의 댓글

불변성 유지 (in 리액트 state, 리덕스 store) - FE study14

1. 상태관리에서 불변성을 유지하는 이유 1-1. 리액트, 리덕스 재랜더링 방식 리액트, 리덕스는 setState, dispatch 되었을 때 재렌더링(re-rendering)이 발생함 불필요한 재렌더링을 피하기 위해 shouldComponentUpdate, useCallback(react-hooks)를 씀. 이 메소드는 state와 props 의 변화를...

2020년 1월 23일
·
0개의 댓글