키모스토리

https://redux-toolkit.js.org/ Redux Toolkit | Redux ToolkitThe official, opinionated, batteries-included toolset for efficient Redux developmentredux-toolkit.js.org1. Redux Toolkit이란?Redux Toolkit(RTK)은 Redux의 공식 권장 도구로, Redux를 더 쉽고 효율적으로 사용할 수 있도록 도와줍니다.Redux의 기존 단점을 개선하여 보일러플레이트 코드 감소, 비동기 로직 간소화, 더 나은 개발자 경험을 제공합니다.주요 특징configureStore() : Redux 스토어 설정을 단순화createSlice() : 액션과 리듀서를 함께 정의 가능crea..

1. Flux 패턴이란?Flux는 Facebook이 만든 단방향 데이터 흐름(One-way Data Flow) 아키텍처 패턴으로, React 애플리케이션에서 상태 관리를 단순화하고 예측 가능하게 만드는 데 사용됩니다.🔹 특징단방향 데이터 흐름 유지명확한 역할을 가진 4가지 핵심 요소상태(State)를 중앙에서 관리애플리케이션의 예측 가능성을 높임2. Flux 패턴의 주요 구성 요소Flux는 총 4가지 핵심 요소로 구성됩니다.① Action (액션)사용자의 입력이나 외부 이벤트를 기반으로 발생하는 이벤트 객체예: 버튼 클릭, API 요청 응답📌 예제 (액션 생성 함수)const addTodo = (text) => { return { type: "ADD_TODO", payload: text ..

https://react-bootstrap.netlify.app/ React Bootstrap | React BootstrapThe most popular front-end framework, rebuilt for Reactreact-bootstrap.netlify.app 리액트 프로젝트 개발시 디자인 작업을 편리하게 해주는 프레임워크 설치npm install react-bootstrap bootstrap 사용방법1. App.js파일에 css import import 'bootstrap/dist/css/bootstrap.min.css'; 2. 디자인 요소가 필요한 js 파일에서 각각의 필요한 bootstrap 컴포넌트를 import 하여 사용import React from 'react';import Bu..