# react redux

80개의 포스트
post-thumbnail

[KDT]FCFE - 9주4일 React-Redux

react에서 redux store를 사용할 수 있게 하고사용할 컴포넌트에서 react-redux의 useSelector hook을 사용하여 data를 읽어올 수 있다.useSelector hook 을 이용해 읽어오면 해당 컴포넌트를 react-redux 가 자동으로

5일 전
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 9주3일 Redux 실습

npx create-react-application redux-practicenpm i redux react-reduxsrc > store > index.jsindex.jsstore 이용이 필요한 부분에 제공한다.하지만 프로젝트에 하나의 store만 만들수 있으니 프로

6일 전
·
0개의 댓글

Redux를 React에 연결하기

[TIL][엘리스 SW 엔지니어 트랙] 12주차 - Redux를 React에 연결하기

2022년 1월 14일
·
0개의 댓글
post-thumbnail

TIL 41 | Redux Toolkit

Redux Toolkit

2022년 1월 2일
·
0개의 댓글
post-thumbnail

Redux - react project

React 프로젝트에 redux 적용하기

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

TIL 37 | Redux 기초

Redux 기초

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

Create React App 오류 (npm tar@2.2.2 오류)

1. Issue 발생 이유 1) VSCode에서 Yarn Start가 되지 않음 기존에 가지고 있던 React-Redux 파일을 실행 하려니 Yarn Start가 실행되지 않고 바로 오류가 뜨면서 실행 불가. git clone을 잘못한 나의 잘못 + npm 문제

2021년 11월 6일
·
0개의 댓글

REDUX AGAIN!!!!! (기본)

.

2021년 11월 5일
·
0개의 댓글

Next.js + Redux-Toolkit

필요한 라이브러리reduxjs/toolkit: Redux를 사용할 때 store 생성, 액션 타입 지정, 리듀서 함수 등 작성해야하는 코드양을 줄이고 불필요한 보일러플레이팅을 지양하기 위해서 사용.react-redux: useSelector, useCallback 로

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

리액트 리덕스 ( react-redux )

react-redux 개념 및 사용 정리

2021년 10월 16일
·
0개의 댓글

2021.10.12

이미지 저장 정책이 변경되어 기능 수정 후 QA 진행중에 있다. png 파일의 경우 업로드시의 용량과, 업로드 후 다운로드 받았을 때의 이미지 용량이 상이한 문제점이 있었다.프론트에서 업로드할 때 canvas로 한번 옮겼다가 저장하는 처리를 하면서 용량이 상이해진 듯

2021년 10월 12일
·
0개의 댓글

react-redux 사용하기

컴포넌트가 복잡해지면 props를 전송하기가 복잡해지는 상황이 생긴다. 그럴 때 redux를 설치해서 이용한다. redux는 props 없이 모든 하위 컴포넌트들이 같은 값을 공유하게 만든다. > yarn add redux react-redux 1. import

2021년 10월 11일
·
0개의 댓글
post-thumbnail

useSelector 최적화

리액트 컴포넌트에서 리덕스 상태를 조회해서 사용할 때, 최적화를 하기 위해서 어떤 상황을 고려해야 하는지 알아보자.지난번 할 일 목록을 만들 때에는 프리젠테이셔널 컴포넌트에 React.memo 를 사용하여 리렌더링 최적화를 해줬다. 컨테이너 컴포넌트에서는 어떤 것들을

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

할 일 목록 구현(기초)

toggle 기능이 있는 todoList 를 구현해보았다.containers 디렉터리에 TodosContainer 컴포넌트를 생성하고 코드를 구현하였다.components 디렉터리에 Todos 컴포넌트를 생성하고 코드를 구현하였다.App 에서 렌더링하였다.브라우저에 정

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

Redux 전반적인 흐름

Redux 를 공부하며 전반적인 흐름을 정리해보았다.

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

카운터 구현 (프레젠테이셔널, 컨테이너 컴포넌트)

프리젠테이셔널 컴포넌트 만들기 프리젠테이셔널 컴포넌터란, 리덕스 스토어에 직접적으로 접근하지 않고 필요한 값 또는 함수를 props 로만 받아와서 사용하는 컴포넌트이다. src 디렉터리에 components 디렉터리를 만들고, 그 안에 Counter.js 를 다음과

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

리덕스 모듈 생성

리액트 프로젝트에 리덕스를 적용하기 위해 리덕스 모듈을 만들어보았다. 리덕스 모듈이란 다음 항목들이 모두 들어있는 자바스크립트 파일을 의미한다.액션 타입액션 생성함수리듀서리덕스를 사용하기 위해 필요한 위 항목들은 각각 다른 파일에 저장할 수도 있다. 리덕스 GitHub

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

Redux 연습

리덕스에서 리액트를 사용하기 전에, 리액트 컴포넌트 없이, 리덕스에서 제공되는 기능들을 연습해보았다.

2021년 10월 4일
·
0개의 댓글

리덕스의 3가지 규칙

하나의 애플리케이션에선 단 한개의 스토어를 만들어 사용한다. 여러개의 스토어를 사용하는 것은 사실 가능하기는 하나, 권장되지 않는다. 특정 업데이트가 너무 빈번하게 일어나거나, 애플리케이션의 특정 부분을 완전히 분리시키게 될 때, 여러개의 스토어를 만들 수도 있다. 하

2021년 10월 3일
·
0개의 댓글

React Redux 시리즈 [velopert]

이 시리즈는 벨로퍼트님의 강의문서 벨로퍼트와 함께하는 모던 리액트 를 읽고 정리한 내용임을 알립니다.따라서 벨로퍼트님의 강의문서에 적힌 설명과 코드들을 저 나름의 방식으로 정리하였고, 아쉬운 부분은 개념과 코드들을 추가적으로 첨부하였습니다.좋은 강의자료를 일반인에게도

2021년 10월 3일
·
0개의 댓글