다음으로 이 액션 이름을 사용하여 액션 객체를 만드는 액션 생성 함수를 작성해 줍니다. 액션 객체는 type 값을 반드시 갖고 있어야 하며, 그 외에 추후 상태를 업데이트할 때 참고하고 싶은 값은 여러분 마음대로 넣을 수 있습니다.

    index.js

    const divToggle = document.querySelector('.toggle');
    const counter = document.querySelector('h1');
    const btnIncrease = document.querySelector('#id');
    const btnDecrease = document.querySelector('#decrease');
    
    const TOGGLE_SWITCH = 'TOGGLE_SWITCH';
    const INCREASE = 'INCREASE';
    const DECREASE = 'DECREASE';
    
    const toggleSwitch = () => ({ type: TOGGLE_SWITCH });
    const increase = difference => ({ type: INCREASE, difference });
    const decrease = () => ({ type: DECREASE });

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.