# Spread

깊은 복사, 얕은 복사
객체나 배열을 스프레드 연산자를 사용해 복사하는 방법단, 객체 안에 객체가 있는 경우 ==> 스프레드를 사용할 경우 해당 객체가 있는 주소값이 그대로 들어가기에 이 객체 안에서도 스프레드를 사용해야함.위에서 스프레드를 활용했으나, 제대로 복사가 되지 않은 마지막 예시를
[TIL] spread 연산자(얕은복사)
자바스크립트 강의의 3주차 과제 풀고있었다.아래코드에서 마지막 줄에 있는 함수를 실행 했을때 결과로 "Passed!\~~"가 출력되게끔getAged 함수를 작성하는 것이다. 이 과제에 본질은 어떻게 객체를 가져와서 age만 수정할 것인가 이다.나는 바보같이 새로운 변수
2023. 3. 31
index 객체&배열 복사(객체 복사, 스프레드 연산자, 깊은 복사, lodash, 배열 복사) 무한스크롤 객체, 배열 복사 복사? 얕은 복사(Shallow Copy) & 깊은 복사(Deep Copy) 복사의 기본 개념 복사본의 값 변경, 재할당 원본aaa 변
JavaScript - 전개연산자 spread 문법
2023.01.28(토) 설 연휴 과제 references | [ES6] Spread Operator (스프레드 연산자) Spread 문법 ES6에 추가된 새로운 내용 중 스프레드 연산자는 연결, 복사 등의 용도로 활용도가 높은 편이다. (앞에 ...을 추가하면 됨.

[Programmers | JavaScript] 📌Day6 - 자릿수 더하기, 문자열안에 문자열, 제곱수 판별하기
정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 return하도록 solution 함수를 완성해주세요방법 1spread연산자를 사용하여 변환 시킨 후, map으로 숫자로 변환 후 reduce로 합하는 방법방법 2

12. 이터러블
순회 가능한 데이터 컬렉션(자료구조)를 만들기 위해 미리 약속한 규칙for...of, spread기본자료 구조로는 Array, String, Map, Set이터러블 프로토콜과 이터레이터 프로토콜 두가지가 존재\[Symblo.iterator](): Iterator;심볼정

리액트에서 많이 쓰는 JS ES6 문법 정리
정말 자주 쓰이는 것을 정리해보자.OSA(Object shorthand assignment)Destructuring이 문법은 값 가져올때 많이 쓰임 useState쓸때 많이 썼던 기억이남Spread 문법내가 리액트 배울때 제일 해깔려했던 문법이다. 정리 시작!perso
프론트엔드 복습 정리 18: Spread, 구조 분해
삼항연산자조건 ? 참이면 : 거짓이면b를 b 타입이 undefined가 아니면 b로 하고, 맞으면 b를 1로 한다.b = 다음이 삼항연산자.기본 매개 변수b가 없는 경우를 if문으로 만들지 않아도 된다.다만 인수는 순서대로 되기 때문에 a=1이라고 넣어도 처음 넣는 게
JavaScript Spread 기능 쓰기
Javascript Spread 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있는 문법 이 문법을 이용하면, 객체 혹은 배열을
Spread vs. Rest Syntax, Destructuring (D14)
"expands" an array into its elements (펼쳐줌) only an array can be 'spread' into an array (배열만 배열 안으로 펼쳐줄 수 있음)can act like arr.slice() - does not affect
React - To do list
App.jsx const [todoList, setTodoList] = useState([]); //todoList에 빈 배열[]이 만들어짐. setTodoList([...todoList,inputValue]) // 기존의 아이템을 유지하며, 새로운 아이템(input
React - input, useRef
input에 글을 입력하면 문자로 출력하기 + 초기화 시키기2개의 input 이용하기react에서 제공하는 hook 중 하나..current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref객체 반환반환된 객체는 component에서 유지.
PRE - react(frequently used javascript code)
react 공부하기 앞서.. 자주 쓰이는 자바스크립트 코드들을 익혀보기동치구문출처 : mdn web docs

map, spread, set
map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환.key, value로 구성. key는 중복 불가배열과 달리 index없음.set과 달리 value 중복 가능배열이나 문자열과 같이 반복 가능한 문자를 0개 이상