😇12/08 내배캠 React 29일차

🐜 오늘 할 일

• 리액트 입문 강의
• 리액트 강의 세션3개듣기 
• 자바스크립트 복습 (원장님 3~5강) 
• 알고리즘 문제풀이

---

📆 계획표

시간	내용	결과
9:00 ~ 13:00	리액트 입문강의 복습
14:00 ~ 18:00	리액트 강의
18:00 ~ 19:00	리액트 과제하기
19:00 ~ 22:00	자바스크립트 복습

---

👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾

Spread & Rest 연산자(operators)

형태 : **…** 점 3개가 끝

어디에 사용하는지에 따라 spread 또는 rest 라고 불린다

Spread

배열의 원소나 객체의 프로퍼티를 나누는데 사용된다

const numbers = [1,2,3];                    // [1,2,3]
const newNumbers = [...numbers, 4];         // [1,2,3,4]

//만약 ...이 없다면?
const newNumbers = [numbers, 4];            // [[1,2,3,],4] 이렇게 출력될 것이다. 다 펼쳐지지 않을 것

Rest

함수의 인수 목록을 배열로 합치는데 사용된다

const filter = **(...**args) => {
  return args.filter(el=> el ===1);
}

console.log(filter(1,2,3,4)); // [1]

구조분해할당 ( Destructuring )

배열의 원소나 객체의 프로퍼티를 추출해서 변수에 저장할 수 있도록 해준다

원소나 프로퍼티를 c 가져와 변수에 저장한다

Object에서의

{name} = {name:"max", age:28}
	console.log(name)      // Max
	console.log(age)       // undefined

Array에서의

const numbers = [1,2,3];
[num1, , num3] = numbers;
console.log(num1, num3);           // 1, 3 출력