Redux2

• 

  MVVM 프레임워크, Flux, Redux 제대로 이해하기 리액트 애플리케이션에서 효율적인 상태 관리를 위해서는 다양한 패턴과 아키텍처를 이해하는 것이 중요합니다. 이번 글에서는 MVVM, Flux, Redux 패턴을 비교하고, 각각의 특징과 활용법을 알아봅니다.       MVVM 프레임워크란 무엇일까?MVVM(Model-View-ViewModel) 프레임워크는 소프트웨어 개발에서 UI(User Interface)와 로직을 분리하기 위해 사용되는 아키텍처 패턴 중 하나입니다. MVVM은 특히 WPF(Windows Presentation Foundation), Xamarin, 그리고 최근에는 프론트엔드 웹 개발에서 많이 사용됩니다.  MVVM 패턴은 다음과 같은 세 가지 주요 구성 요소로 나뉩니다.  1. Model 애플리케이션의 데이터와 비즈니스 로직을 다룹니.. 개발 이야기/frontend 2024. 8. 30.

• 

  [redux]리덕스 초기 세팅 및 폴더구조 생성 electron.js와 react를 통합하여 메신저앱을 만드는 중, react내에서 수시로 불러야 할 api들은 redux로 관리하기로 하여 초기 세팅 작업에 들어갔습니다. 아래는 제가 적용했던 redux 초기 세팅방법에 대한 내용입니다. 리덕스 초기 세팅 및 폴더구조 생성 1. 리덕스 설치 아래 내용으로 redux를 설치합니다. npm install redux react-redux redux-thunk redux: Redux 라이브러리 본체입니다. react-redux: React와 Redux를 연결해주는 라이브러리입니다. redux-thunk: 비동기 로직을 처리하기 위한 미들웨어입니다. 2. redux 폴더구조 폴더구조는 아래처럼 만들기로 하였습니다. src/ └── redux/ ├── action.. 개발 이야기/frontend 2024. 1. 22.