리액트
-
[Redux] 아주 아주 간단한 리덕스 기본 개념 2개발/React 2022. 7. 8. 14:46
리액트에서 사용하기 위한 기본 준비를 해봅시다. Ducks 패턴이란 걸 사용할 겁니다. 아주 간단한 패턴이에요. https://github.com/erikras/ducks-modular-redux 액션 타입, 액션 생성 함수, 리듀서를 각각의 파일로 분리하지 않고 파일 하나에 모아 모듈화하는 걸 말합니다. 이 패턴에서는 그렇게 모아둔 파일을 모듈이라고 해요. 자세한 설명은 위의 주소에서 확인할 수 있습니다. 덕스 패턴엔 규칙 몇 가지가 있습니다. 1. MUST 리듀서 함수는 export default로 내보낼 것 2. MUST 액션 생성 함수를 export 할 것 3. MUST 액션 타입은 reducer/ACTION_TYPE의 형식을 취할 것 4. MAY 액션 타입은 UPPER_SNAKE_CASE를 사용..
-
[Redux] 아주 아주 간단한 리덕스 기본 개념개발/React 2022. 7. 8. 11:19
createStore는 deprecated 되었지만 동작에 아무 문제가 없고 런타임 경고도 아니므로 사용해도 상관 없다는 것이 오피셜입니다. 취소선이 신경 쓰인다면 legacy_createStore을 사용하면 됩니다. import { legacy_createStore as createStore } from 'redux'; 리덕스가 동작하는 몇 가지 줄기가 있습니다. 1. 상태 변화를 일으키는 객체인 액션 2. 선택은 자유이지만 사용하면 좋은 액션 생성 함수 3. 리듀서 함수(순수함수여야 함) 4. 디스패치 5. 스토어(한 어플리케이션 당 스토어는 하나만 만들 것을 강력히 권장) 6. subscribe 함수 - 실무 환경에서 이 함수를 직접 호출하는 일은 거의 없음 import { legacy_create..