250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 뷰
- typescript
- 투두리스트
- Interface
- 모던
- ES6
- let
- var
- 타입스크립트
- BIND
- null
- 자바스크립트
- const
- 리액트
- react
- 함수
- 데이터 타입
- 컴포넌트
- js
- 모던 자바스크립트
- CSS
- 스코프
- 라우터
- VUE
- Number
- todolist
- 객체
- redux
- function
- this
Archives
- Today
- Total
목록Redux (7)
홍준혁
Redux 사용해보기 (Counter 예제)
오늘은 리덕스를 사용해서 Counter예제를 한번 배워 볼 것이다. 리액트로 Redux를 사용하기 전에 바닐라 JS로 리덕스를 이해하는 코드를 작성해 보자. 먼저 Store라는 개념을 이해해 볼 것인데, 말 그대로 스토어는 스토어이다. 애플 앱스토어에서 자신이 원하는 앱을 다운로드하여서 쓸 수 있는데, 사실 앱스토어와 크게 다를 게 없다. 스토어에서는 state을 저장시키는 곳이다. 위 그림을 보면 쉽게 이해할 수 있을 것이다. 각 컴포넌트에 state를 주고받는 모습을 볼 수 있다. 그래서 리덕스에서 스토어를 어떨게 만드냐? 바로 createStore이라는 함수를 사용하면 된다. 리덕스에서 createStore라는 것을 추출해와서 요런 식으로 사용해주면 된다. 여기서 countModifier는 redu..
Redux
2020. 11. 30. 11:39