16.2.8 render 함수 만들기

    render라는 함수를 작성해 보겠습니다. 이 함수는 상태가 업데이트될 때마다 호출되며, 리액트의 render 함수와는 다르게 이미 html을 사용하여 만들어진 UI의 속성을 상태에 따라 변경해 줍니다.

    index.js

    (...)
    
    const store = createStore(reducer);
    
    const render = () => {
      const state = store.getState(); // 현재 상태를 불러옵니다.
      // 토글 처리
      if (state.toggle) {
        divToggle.classList.add('active');
      } else {
        divToggle.classList.remove('active');
      }
      // 카운터 처리
      counter.innerText = state.counter;
    };
    
    render();

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