# react redux

44개의 포스트

53일차 (02-23-2021)

이론으로만 배웠던 리액트-리덕스를 스프린트를 통해 직접 접해보았다. 물론 스프린트 코드는 처음부터 다 짜여져 있고 우린 거기서 핵심 부분만 추가를 하여 테스트를 통과를 하면된다. 하다보면서 느낀건 역시 직접해봐야 이해가 가는구나 싶었다. 추상적으로만 생각했던 요소들 네

2021년 2월 23일
·
0개의 댓글
post-thumbnail

#13 Today I Learned - 21.01.20

mini project : Redux Movie App ❗️ javascript : axios로 받아온 state 값 assign 하기

2021년 1월 20일
·
0개의 댓글
post-thumbnail

#12 Today I Learned - 21.01.19

mini project : Redux Movie App ❗️ github : git commit edit, delete tutorial

2021년 1월 19일
·
0개의 댓글
post-thumbnail

#11 Today I Learned - 21.01.18

mini project : Redux Movie App

2021년 1월 18일
·
0개의 댓글

realworld-example::react-redux

이 글은 RealWorld example의 react-redux version을 보며 느꼈던 내용을 담고 있는 일종의 감상문입니다. 따라서 지식 전달에 목적을 두지 않습니다.

2021년 1월 16일
·
2개의 댓글
post-thumbnail

#10 Today I Learned - 21.01.16

mini project : Redux Movie App ❗️ antd : import antd css

2021년 1월 16일
·
0개의 댓글
post-thumbnail

#9 Today I Learned - 21.01.15

mini project : redux todo list ❗️ github : git push tutorial ❗️ es6 : filter() ❗️ javascript : json.stringify()

2021년 1월 15일
·
0개의 댓글
post-thumbnail

#7 Today I Learned - 21.01.12

mini project : redux todo list ❗️ react : prop-types

2021년 1월 12일
·
0개의 댓글
post-thumbnail

리덕스 dispatch와 render의 관계

dispatch가 일어나면 가상 돔 렌더가 일어난다

2021년 1월 12일
·
0개의 댓글
post-thumbnail

#2 Today I Learned - 21.01.05

styled-components : 상속과 분리 ❗️ react-redux : actionCreators를 미리 binding 하기 ❗️ javascript : 논리연산자 단축평가 ❗️ javascript : optional chaining = ?.

2021년 1월 5일
·
0개의 댓글
post-thumbnail

#1 Today I Learned - 21.01.04

react-redux: 연결하기 ❗️ styled-components: props로 style 제어 ❗️ es6: arrow function 구분하기

2021년 1월 4일
·
0개의 댓글
post-thumbnail

Redux

리덕스에서 저장하고 있는 상태값딕셔너리 형태로 보관상태 변화가 필요할 때 발생시키는것Object이며 Type을 필요로 한다.Action 을 만들기 위해 사용State를 변경하는 함수ActionCreator -> Action -> Reducer(State을 변경)Redu

2020년 12월 28일
·
0개의 댓글
post-thumbnail

내비게이션 상태 관리

인스타그램 내비게이션 이 이미지는 인스타그램 내비게이션이다. 이 내비게이션의 특징적인 점이 몇 가지 있는데, 클릭하면 페이지가 이동되거나 모달이 뜬다. 모달이 뜨는 경우 페이지가 이동하지 않기 때문에 마지막으로 이동한 페이지가 활성화 된 상태이다. 모달을 끌 경우

2020년 12월 21일
·
0개의 댓글
post-thumbnail

redux-saga 흐름

redux saga 는 redux 에서 API의 데이터를 받아와서 store 에 등록할 때 주로 쓰인다. 물론 saga를 안쓰고 API 의 데이터를 가져와서 저장할 수 있긴 하지만, 둘다 경험해본 결과 saga 를 쓰는 것이 코드가 더 깔끔하게 정리되고, 속도가 더 빠

2020년 11월 21일
·
0개의 댓글
post-thumbnail

React-Redux

react-redux

2020년 11월 9일
·
0개의 댓글
post-thumbnail

React-Redux 기초

React 사용자 정의 태그(컴포넌트)를 만들어서 체계적이고 정돈된 애플리케이션을 만들게 해주는 기술 Redux 상태를 중앙에서 관리하는 것을 통해 데이터가 예측하지 않은대로 변경되는 가능성을 낮춰주는 기술 * ➡️ 모두 개발의 복잡성을 낮춰주는 기술* In React, render함수가 호출돼서 퍼포먼스가 떨어짐. 컴포넌트들이 props와 event...

2020년 10월 28일
·
0개의 댓글

[Redux] react? redux? react-redux?

출처는 redux 공식문서입니다. https://ko.redux.js.org/ react를 잘 쓰려면 redux를 알아야 한다. 그러나 redux는 어렵다. 왜 어려울까. redux의 작동 방식을 이해하는 것이 어렵다. redux와 관련된 새로운 개념이나 지식이 익숙하지 않다. 개인적으로 2번의 문제가 redux 공부를 방해하였다. 새로운 단어, 개념 ...

2020년 10월 5일
·
0개의 댓글

GoogleLogin 후 로그인 유지하기

새로고침을 해도 로그인을 유지하기 위해서 react-redux를 이용했다.isLogin이라는 상태값을 만들어서 기본값을 false로 하고 loacalStorage에 token값이 있는지 확인하고 token이 있는 경우에는 action을 전달해서 isLogin의 값을 t

2020년 9월 3일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 17장, 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기

# 😁 UI 준비하기 # 😂 리덕스 코드 작성하기 # 😍 Hooks를 사용하여 컨테이너 컴포넌트 만들기 ## lib/useActions.js ## immer ## react-redux ## react-scripts ## redux ## redux-actions

2020년 8월 27일
·
0개의 댓글

react-redux

bindActionCreators

2020년 8월 26일
·
0개의 댓글