Page 63

## 컴포넌트 반복해서 쓰기 ```javascript import React, {Component} from 'react'; class IterationSample extends Component { render () { const names = ['눈사람', '얼음', '눈', '바람'] const nameList ...

## Promise ```javascript new Promise(executor) ``` `executor`는 `resolve`및 `reject` 인수를 전달할 실행함수를 의미한다. 실행함수는 `resolve`와 `reject`를 받아 즉시 실행된다. 실행함수는 보통 비동기 작업을 시작한 후, 모든 작업을 끝내면 `resolve`를 호출해서 `Prom...

## 구조 분해 할당 구조 분해 할당은 배열이나 객체의 속성을 말그대로 분해하여, 분해 한 값을 개별변수에 담을 수 있게 도와주는 표현식이다. ```javascript let a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 // rest 패턴을 이용하여 나머지를 모두...

자바스크립트의 클로져

## Reference (Ref) 특정 DOM요소에 작업을 하기 위해서 id를 부여하는 것 처럼, React에서 DOM에 이름을 다는 방식이 있는데 이것이 바로 ref (Reference)다. 반드시, `DOM에 직접적으로 접근하여 조작이 필요할 때 만 이용해야 한다.` ### 컴퍼넌트 내부에서 사용 ```javascript import React, ...