# Spread

90개의 포스트
post-thumbnail

깊은 복사, 얕은 복사

객체나 배열을 스프레드 연산자를 사용해 복사하는 방법단, 객체 안에 객체가 있는 경우 ==> 스프레드를 사용할 경우 해당 객체가 있는 주소값이 그대로 들어가기에 이 객체 안에서도 스프레드를 사용해야함.위에서 스프레드를 활용했으나, 제대로 복사가 되지 않은 마지막 예시를

2일 전
·
0개의 댓글
·

[TIL] spread 연산자(얕은복사)

자바스크립트 강의의 3주차 과제 풀고있었다.아래코드에서 마지막 줄에 있는 함수를 실행 했을때 결과로 "Passed!\~~"가 출력되게끔getAged 함수를 작성하는 것이다. 이 과제에 본질은 어떻게 객체를 가져와서 age만 수정할 것인가 이다.나는 바보같이 새로운 변수

5일 전
·
1개의 댓글
·
post-thumbnail

[javascript] 스프레드 문법

스프레드 문법. spread syntax

2023년 3월 31일
·
0개의 댓글
·

2023. 3. 31

index 객체&배열 복사(객체 복사, 스프레드 연산자, 깊은 복사, lodash, 배열 복사) 무한스크롤 객체, 배열 복사 복사? 얕은 복사(Shallow Copy) & 깊은 복사(Deep Copy) 복사의 기본 개념 복사본의 값 변경, 재할당 원본aaa 변

2023년 3월 31일
·
0개의 댓글
·

자바스크립트: Spread(...) 연산자

Spread 연산자에 대해 알아보자.

2023년 2월 28일
·
0개의 댓글
·

[JS] rest, spread

rest, spread

2023년 2월 16일
·
0개의 댓글
·

JavaScript - 전개연산자 spread 문법

2023.01.28(토) 설 연휴 과제 references | [ES6] Spread Operator (스프레드 연산자) Spread 문법 ES6에 추가된 새로운 내용 중 스프레드 연산자는 연결, 복사 등의 용도로 활용도가 높은 편이다. (앞에 ...을 추가하면 됨.

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

[Programmers | JavaScript] 📌Day6 - 자릿수 더하기, 문자열안에 문자열, 제곱수 판별하기

정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 return하도록 solution 함수를 완성해주세요방법 1spread연산자를 사용하여 변환 시킨 후, map으로 숫자로 변환 후 reduce로 합하는 방법방법 2

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

12. 이터러블

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

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

리액트에서 많이 쓰는 JS ES6 문법 정리

정말 자주 쓰이는 것을 정리해보자.OSA(Object shorthand assignment)Destructuring이 문법은 값 가져올때 많이 쓰임 useState쓸때 많이 썼던 기억이남Spread 문법내가 리액트 배울때 제일 해깔려했던 문법이다. 정리 시작!perso

2023년 1월 9일
·
0개의 댓글
·

프론트엔드 복습 정리 18: Spread, 구조 분해

삼항연산자조건 ? 참이면 : 거짓이면b를 b 타입이 undefined가 아니면 b로 하고, 맞으면 b를 1로 한다.b = 다음이 삼항연산자.기본 매개 변수b가 없는 경우를 if문으로 만들지 않아도 된다.다만 인수는 순서대로 되기 때문에 a=1이라고 넣어도 처음 넣는 게

2023년 1월 9일
·
0개의 댓글
·

JavaScript Spread 기능 쓰기

Javascript Spread 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있는 문법 이 문법을 이용하면, 객체 혹은 배열을

2023년 1월 3일
·
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

2023년 1월 3일
·
0개의 댓글
·
post-thumbnail

REST AND SPREAD - Introduction to Spread

spread operator를 활용한 배열과 객체

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

Ep2. spread와 rest

자바스크립트의 spread와 rest

2022년 12월 7일
·
0개의 댓글
·

React - To do list

App.jsx const [todoList, setTodoList] = useState([]); //todoList에 빈 배열[]이 만들어짐. setTodoList([...todoList,inputValue]) // 기존의 아이템을 유지하며, 새로운 아이템(input

2022년 12월 6일
·
0개의 댓글
·

React - input, useRef

input에 글을 입력하면 문자로 출력하기 + 초기화 시키기2개의 input 이용하기react에서 제공하는 hook 중 하나..current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref객체 반환반환된 객체는 component에서 유지.

2022년 12월 6일
·
0개의 댓글
·

PRE - react(frequently used javascript code)

react 공부하기 앞서.. 자주 쓰이는 자바스크립트 코드들을 익혀보기동치구문출처 : mdn web docs

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

map, spread, set

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

2022년 12월 6일
·
0개의 댓글
·