리액트 기초 (2)

 

# index.html
<div id='root'>

=> index.js
document.getElementById('root')
store 데이터 저장 = createStore
Reducers의 index.js에 상태값 저장 <= Action<info 참고>
* Action<info> update를 지속적으로 해서 store 상태값을 계속 업데이트 
(화면상에서는 useEffect를 사용해서 수정 발생 시 업데이트)
<porvider>를 사용하여 react-redux 연동

=> app.js (겉 껍데기) 호출
화면을 component로 section을 나눠서 생성
return() 문 안에서 html 작성해서 화면에 뿌려줌