# Object.assign

얕은 복사와 깊은 복사 1분 만에 이해하기
얕은 복사(shallow copy) : 객체의 참조(주소) 값을 복사하는 것. 1 depth까지만 복사하며, 객체에 중첩되어 있는 객체의 경우 참조 값을 복사한다.깊은 복사(deep copy) : 객체의 실제 값을 복사하는 것. 객체에 중첩된 객체까지 모두 복사한다.s

객체와 배열의 참조 및 복사
객체 또는 배열과 원시 데이터의 근본적인 차이점 중 하나는 객체와 배열은 “참조에 의해” 저장과 복사가 되는 반면, 원시 데이터( 문자열, 숫자, 부울 등)은 항상 “전체 값으로” 복사된다는 것입니다.
[2주차] 불변 객체를 만드는 방법
불변 객체(immutable)란? '변하지 않는 객체' 객체 생성 이후에는 객체의 상태가 바뀌지 않는 객체를 말한다. [장점] : 이해하기 쉽고 안정적인 서비스 개발에 도움이 된다. : map, set, cache에 쓰기에 적절하다. : thread-safe(멀티 스레드 프로그래밍) 하다? : 불변 객체를 필드로 쓰면 방어적 복사를 할 필요가 없다. >...

TIL#1
1) ./index ./node_modules/dotenv/config> > pacakage.json 파일에 "main"이 "index.js" 파일로 설정되어 있다. 이 진입로를 확인하면 dotenv/config를 import 함을 확인할 수 있다. >> Object.assign은 출처 객체들을 대상 객체에 붙여넣는 '몰아주기' 기능으로 이해된다. pr...
[Today I Learned] 11월 2주차 day5
어제 최빈값을 풀면서 자료구조와 객체에 대한 이해가 부족하다고 생각을 했다.그래서 오늘은 객체에 대해서 다시 공부했고 확실히 학습을 하였다. 그리고 긴가민가 했던 객체메서드에는 뭐가 있는지 , 자료구조 map,set이 뭔지 for..in 과 for..of의 차이가 뭔지

얕은 복사와 깊은 복사
바로 아래 단계의 값만 복사. 객체가 중첩된 구조일 경우 불변성을 지킬 수 없다.참조형 데이터가 저장된 속성은 원본과 복사본이 같은 주솟값을 가진다.따라서 🌟원본과 복사본 중 어느 한 쪽에서 참조형 데이터의 속성의 값을 바꿀 경우 다른 한 쪽도 같이 변한다.🌟 s
객체 (Object)
: 키(key)와 값(value) 쌍으로 이루어진 자료 구조객체명.key객체명"key" : key를 문자열 형식으로 전달해야 한다.객체의 값에 접근할 때와 동일하게 Dot notation과 Bracket notation을 사용한다.isStudent, puppies 키와

객체 변경하기
객체의 프로퍼티를 변경하는 방법에는 크게 2가지가 있다.A.1 되돌리기 기능(Undo, Redo)을 구현하기 편하다.A.2 객체의 차이를 알기 위해 요소를 순회하지 않아도 된다.A.3 Vue.js나 React 같은 프레임워크가 HTML Elment의 리렌더링 필요성을
[JavaScript] Object.assign()
Object.assign() 메서드는 출처 객체들의 속성을 복사해 대상 객체에 붙여넣어 반환한다.returnedTarget 변수에 할당된 객체는 source 객체의 속성이 target 객체에 복사된 객체이다.이때 Object.assign()의 첫번째 인자로 전달된 ta

[JS] Object keys, values, entries , assign
from Michale is coding form-https://michaeliscoding.com/what-is-an-iterable-in-python/자바스크립트 내장객체 Object의 주요 메서드들 keys, values, entries, assign 에
Object.keys(), values, entries, assign
Object.keys() 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환한다.Object.values() 메소드는 전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴한다.이 배열은

[JS] 배열내장함수
자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하다. 현재 활동중인 자바스크립트엔진은 여러가지가 있으며, 가장 대중적으로 많이 사용되는 것이 구글 크롬의 V8엔진이다. (자바스크립트 엔진 더 보기) 자바스크립트는 엔진 내에서 동작되며, 엔진의 실행환경을 '런

Yahtzee게임을 만들면서 리액트와 더 친해지기
유데미에서 yahtzee 라는 게임을 만들어보았다. 주사위를 돌리고나서 나온 숫자를 보고 스코어에 해당하는 점수를 클릭한다. 주사위 결과가 점수를 받을 수 있는 조건에 부합하면 점수를 획득하고 아니면 0점을 얻는다.모든 스코어를 클릭하면 게임이 끝나고 총합이 기록되면서

[JS] This, Reference values, coping objects
This keyword variable : Special variable that is created for every execution context(every function). Takes the value of (points to) the 'owner' of th
리액트 장점, 리랜더링 , 문서 맛보기,Object.assign
해당 로직들은 자바스크립트와 리액트의 차이점을 두고 리액트의 장점을 설명한다해당 number 는 1초 간격으로 바뀌는데, 개발자 도구를 살펴보면 div id root 와 button 이 같이 바뀌는걸 확인 가능하다 아랫로직은 리액트이다해당 버튼은 1초당 button
.gif)
[JS30] - 14) JS References VS Copying
const age2 = age와 같은 형태로 배열과 객체를 얕은 복사하면,age2를 수정해도 원본배열인 age가 수정된다.이에 대해서는 지난 포스팅 Premitive & Reference를 살펴보자얕은 복사란 객체를 복사할 때 원래값과 같은 참조를 가리키는 것을 말한다

TIL 작성 2021 9/9
변수를 선언하고 함수실행식을 담아도, 그 즉시 함수가 실행이 됩니다.const innerFn = outerFn()관련링크Koans-04_Scope객체의 길이를 length로 구할경우 undefined가 된다.emptyObj.length //undefined객체의 길이를