반응형 javascript29 리액트-zustand 투두리스트 예시 리액트-zustand 투두리스트 예시 Introduction 리액트는 현재 가장 인기 있는 자바스크립트 라이브러리 중 하나입니다. 그리고 상태 관리 라이브러리로는 리덕스, 모빌, 리액트-컴포넌트 등이 있지만, 최근에는 새로운 상태 관리 라이브러리인 zustand가 등장하여 활발히 사용되고 있습니다. 이번 글에서는 zustand를 이용하여 투두리스트를 만들어 보겠습니다. Zustand란? zustand는 리액트 상태 관리 라이브러리로, 리덕스와 비슷한 기능을 제공하지만, 훨씬 간단하고 직관적입니다. 이는 zustand가 컴포넌트 단위에서 상태를 관리하기 때문입니다. 투두리스트 구현하기 우선 zustand를 설치해야 합니다. npm install zustand 우리가 만들 투두리스트는 할 일을 입력할 수 있.. 2023. 4. 13. 리액트-Redux 투두리스트 예시 리액트-Redux 투두리스트 예시 Introduction 리액트(React)와 Redux를 사용하여 투두리스트를 만드는 방법을 알아보겠습니다. Redux는 React의 상태 관리를 위한 라이브러리입니다. 이를 사용하면 상태 관리를 보다 쉽게 할 수 있습니다. 투두리스트는 Redux를 사용해보기에 좋은 예시입니다. Redux란? Redux는 React의 상태 관리를 위한 라이브러리입니다. Redux를 사용하면 상태를 중앙에서 관리할 수 있습니다. 이는 React에서 상태를 관리하는 것보다 보다 명확하고 쉽게 상태를 관리할 수 있습니다. 투두리스트 만들기 Redux를 사용하여 투두리스트를 만들기 위해서는 기본적으로 세 가지가 필요합니다. 첫째, 액션(Action)이 필요합니다. 액션은 상태를 변경하는데 필요.. 2023. 4. 13. Eslint 리액트 타입스크립트(typescript) 적용 방법 예시 Introduction ESLint is a popular tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs. TypeScript is a popular superset of JavaScript that adds static typing and other features to the language. In this blog post, we will discuss the steps to apply ESLint to a React TypeScript project. Installing Depende.. 2023. 4. 13. 리액트 Rxjs 사용법 예시 Introduction 리액트 프로젝트에서 비동기 데이터 관리는 중요한 부분입니다. 이를 위해 Rxjs 라이브러리는 다양한 오퍼레이터를 제공하여 비동기 데이터 관리를 쉽게 할 수 있습니다. 이번 포스트에서는 Rxjs를 이용한 리액트 프로젝트의 예시를 살펴보겠습니다. Rxjs란? Rxjs는 Reactive Extensions for JavaScript의 약자로, 비동기 데이터 스트림을 다루기 위한 라이브러리입니다. 이를 이용하면 데이터를 쉽게 관리할 수 있습니다. Rxjs를 이용한 예시 Rxjs를 이용하여 Todo List를 구현하는 예제를 살펴보겠습니다. 1. Rxjs 설치하기 먼저, Rxjs를 설치해야 합니다. 설치는 아래와 같은 명령어를 입력하면 됩니다. npm install rxjs 2. Todo .. 2023. 4. 13. 이전 1 ··· 4 5 6 7 8 다음 반응형
