1) 학습한 내용

1.리덕스(redux)

• JavaScript 상태관리 라이브러리
• Node.js 모듈
• 상태관리 툴 종류
-React Context
-Redux
-Mobx

• Provider란?
-Provider은 react-redux라이브러리 안에 있는 컴포넌트입니다.
리액트 앱에 스토어를 쉽게 연결하기 위한 컴포넌트 입니다.

• combineReducer란?
-redux모듈이 제공하는 함수이다.
-만든 모든 리듀서들을 통합하여 하나의 리듀서로 쓰기 위한 함수이다

• useSelector란?
-redux의 state조회 (즉, 스토어에 있는 데이터들 조회)

• useDispatch란?
-생성한 action 실행

2.주소록 만들기(화면구성)

(1)App.js

(2)App.css

(3)ContactForm.js

(4)ContactList.js

(5)SearchBox.js

(6)ContactItem.js

(7)결과

3.주소록 만들기(기능구현)

(1)App.js

(2)reducer.css

(3)ContactForm.js

(4)ContactList.jsc

(5)ContactItem.js

(6)SearchBox.js

(7)결과

2) 학습내용 중 어려웠던 점

이렇게 화면이 구성되었다.

3) 해결방법

App.js에 import 'bootstrap/dist/css/bootstrap.min.css'; 를 추가하니까 되었다.

4) 학습소감

화면구성과 기능구현을 나눠서 차례차례하니까 이해가 더 잘 되었다.