개발스터디

상태(state) 변경 과정디스패치 호출디스패치는 리듀서를 호출함리듀서 호출리듀서는 현재 상태값과 엑션을 인자로 받음엑션은 디스패치의 인자를 받아옴3.리듀서에서 상태와 엑션을 참조하여 원하는 데이터 가공겟스토어로 상태값 조회조회된 상태값 경로디스패치 > {상태: 내

컨테이너 관리하는 방법첫번째 괄호에는 인자를 2개를 받음(리덕스 state를 리액트 props로 연결해주는 함수,리덕스 dispatch를 리액트 props로 연결해주는 함수)두번째 괄호에는 import 한 컴포넌트

modules 디렉터리 생성 폴더내부에 '모듈이름'.js 파일 생성경로: modules/모듈이름.js문자열 내용은 '모듈 이름 / 액션 이름' 식으로 작성문자열 안에 모듈이름을 넣어 액션이름 충돌 방지export 키워드사용으로 다른 파일에서 사용가능하도록 생성사실상 d

react-redux

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

유저들은 반응이 빠른 UI를 선호한다. 100ms 미만의 UI 응답 지연은 유저들이 즉시 느낄 수 있고, 100ms에서 300ms가 지연되면 이미 유저들은 상당한 지연으로 느낀다.UI 성능을 증가시키기 위해, React는 고차 컴퍼넌트(Higher Order Compo

Routes & Not found path를 지정하지 않고 만드는 Route에 없는 url이 들어오게 만들면 없는 페이지로 유도 할수있음