불변성 2

리액트 2. props , 불변성, 불변성을 지켜야 하는 이유

Props Drilling 이란 무엇인가요? 리액트의 컴포넌트 트리에서 데이터를 전달하기 위해서 필요한 과정을 의미합니다. 예를 들어 우리가 App.js에서 데이터를 하위컴포넌트까지 쭉 전달하면 데이터가 변경되었을 때 일일히 고쳐야하는 불편함이 있습니다. 이를 해결하기 위해 전역 상태 관리 라이브러리인 Redux, Mobx를 이용하여 해당 값이 필요한 컴포넌트에게 직접 불러서 사용하는 해결하는 방안이 있습니다. 이렇게 상위 컴포넌트에서 또 하위 컴포넌트로, 또 하위, 또 하위로.. 컴포넌트가 드릴처럼 밑으로 뚫고 내려간다. 이래서 생긴 props drilling이란 단어입니다. 결과를 보면 다음과 같이 잘 출력될겁니다! 정도 props로 넘겨받는 정도라면 상관이 없겠지만.. 과연 이게 네 번, 다 섯번 ..

JS | 자바스크립트 불변성이란? 원시타입 vs 참조타입

불변성을 지켜야 한다 무슨 말일까.. 모르기 때문에 찾아보는 공부! 불변성이란 ? 사전 적으로 불변성이란 값이나 상태를 변경 할 수 없는 것 이다. 자바스크립트에서 객체가 생성된 이후 그 상태가 변경 할 수 없는 것을 의미한다. 여기에서 상태를 변경할 수 있는 것과 값을 재할당하는 것은 다르다는 것 을 알아야한다. let a = 10 ; let b = a ; a = 20; console.log(a,b); // 20 10 위의 코드는 a에 10을 할당하고 b -> a 가 가르키는 주소 를 가리킵니다. 이때 a의 값을 20으로 변경시켜준다. 만약 값을 직접 변경하는 것이면 a,b 둘다 20을 출력해야한다. 하지만 자바스크립트에서 number 값은 불변성을 유지 해서 새로운 a =20이라는 값을 가지는 주소를..