Ji-u's blog

안녕하세요. 좋아요요정입니다! 지난 스터디에서 자바스크립트의 자료형은 크게 원시 타입과 참조 타입으로 구분되고, 참조 타입의 객체에 관해 자세하게 알아보았습니다. 이번에는 원시 타입과 객체 타입의 차이점과 메모리에 어떻게 저장이 되어지는지 구체적으로 살펴보겠습니다. 그리고 객체가 메모리에 저장되는 특징으로 인한 객체의 얕은 복제, 깊은 복제에 대해 이해해보는 시간을 갖겠습니다. 원시타입과 객체타입의 가장 큰 차이점을 말하자면 변경이 가능한지에 대한 여부입니다. 원시 타입은 변경이 불가능한 값, Immutable type이고, 객체 타입은 변경이 가능한 가변성을 가진 mutable type입니다. 원시 값은 메모리에 어떻게 저장될까요? 먼저 원시 값이 메모리에 어떻게 저장되는 지 살펴보겠습니다. let n..

안녕하세요! 좋아요요정입니다 :) 오늘은 object 깊은 복사를 진행했습니다. 테이블에 입력되는 column을 복제해서 일부 값을 수정하고 반환 수정하는데 setState를 선언하지 않았음에도 변경되었습니다. 이유는 { ... } 은 shallow copy를 하기 때문! const object = { a: 'aa', b: 'bb', c: ['c','cc'] } const copy = { ...object } 이 경우, object에는 데이터가 저장되는 것이 아니라 데이터의 값을 가리키는 참조값이 저장됩니다. 그 참조값을 복사해 데이터를 수정하니, 결국 그 내부의 값이 변경된 것입니다. 복사 전 변수도, 복사한 변수도 결국 같은 데이터를 가리키고 있던 것이죠. 깊은 복사하는 방법1 - JSON객체를 이용..