[초보를 위한 React] 2일차

목표

• ✍️ #1.6 ~ #1.8 강의 듣기, 코드 챌린지 하기
• 느낀점 및 정리

강좌

• nomadcoders [멤버십] 초보를 위한 React JS
• 강좌 링크 : https://nomadcoders.co/react-for-beginners/lectures/495

강의 요약

배열을 잘 다루면 React에서 바인딩된 데이터를 처리하는데 유용

1. map : 변환된 배열을 반환 ```js const number = [ 5,4,2,12,5,6,2];

// 배열의 값을 받아 리턴값으로 변경 const addTen = number.map(ele => ele + 10);

console.log(addTen);

2. filter : 조건을 만족하는 배열을 반환
```js
const number = [ 5,4,2,12,5,6,2];

// 10이상의 값만을 가진 배열을 반환
const moreThan10 = number.filter(ele => ele > 10);

console.log(moreThan10);

1. includes : 배열에 특정 원소 여부를 반환 ```js

const number = [ 5,4,2,12,5,6,2];

// 배열에 15인 원소값이 있으면 true, 없으면 false console.log( number.includes(15) );

4. push, pop, shift, unshift : 배열 첫,마지막 요소를 삽입, 삭제
```js
const number = [ 5,4,2,12,5,6,2];

number.push(1);
number.pop();
number.unshift(1);
number.shift();

결론

• React에서 배열의 데이터에 바인딩하여 값을 그려주기에 반복해서 보자
• 위에 정리한 것 보다 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array 여기가 훨씬 났다.