꾸준2

- 배열을 객체로 변경 가능

- 배열의 모든값을 +, -, * 가능

- 초기값을 넣지 않으면 배열의 첫번째 값이 초기값이다.

배열.reduce((누적값, 현재값) => {
 return 새로운 누적값;
}, 초깃값);

[1,2,3,4].reduce((a, c) => { return a + c})

// a:0 c:1
// a:1 c:2
// a:3 c:3
// a:6 c:4
// return 10



[1,2,3,4].reduce((a, c) => { return a * c})

// a:1 c:1
// a:1 c:2
// a:2 c:3
// a:6 c:4
// return 24



// reduce를 이용해서 배열을 객체 리터럴로 바꾸기
['철수', '영희', '진구', '종국'].reduce((a, c, i) => {
  a[i] = c;
  return a;
}, {})

// a: {} c: '철수' i: 0
// a: {0: '철수'} c: '영희' i: 1
// a: {0: '철수', 1: '영희'} c: '진구' i: 2
// a: {0: '철수', 1: '영희', 2: '진구'} c: '종국' i: 3
// {0: '철수', 1: '영희', 2: '진구', 3: '종국'}

- a태그를 클릭하게 되면 링크로 이동하고
- form태그(submit이벤트)를 클릭하게 되면 새로고침이 실행되는데
- 이러한 동작을 막기위해서 event.preventDefault() 메서드를 이용한다.

형식 

- event.preventDefault();

예제

이벤트 유형 : 'click', 'submit', 'keydown' 등등

형식

- EventTarget.addEventListener('이벤트 유형', 함수);

예제

        const onClickOperator = (op) => () => {
            if (numOne) {
                operator = op;
                $operator.value = op;
            } else {
                alert('숫자를 먼저 입력하세요.');
            }
        }
        
        document.querySelector('#plus').addEventListener('click', onClickOperator('+'));