useState3 React 상태 관리 Recoil (feat. useState와 차이점) 그동안 리액트 상태 관리는 useState로 했었는데 이번에 개인 프로젝트를 하면서 Recoil를 써보려고 차근차근 알아가는 중이다. Recoil 이란? Recoil은 페이스북에서 만든 React 전역 상태관리 라이브러리이다.Recoil 설치 및 사용법 1. Recoil 설치// npm 사용 시npm install recoil// yarn 사용 시yarn add recoil2. RecoilRootRecoil은 React의 상태 관리 라이브러리이기 때문에 (index.js 또는 App.js 파일에서) RecoilRoot로 애플리케이션 전체를 감싸야한다.RecoilRoot는 상태 관리를 위한 컨텍스트를 제공한다.// index.js import "antd/dist/antd.css"; // Ant Desig.. 2024. 10. 8. 리액트[기초] Hook 훅 [참고] https://ko.reactjs.org/docs/hooks-intro.html Hook 이란? 리액트 v16.8에 새로 도입된 기능으로 함수 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 준다. Hook의 규칙 최상위(at the Top Level)에서만 Hook을 호출해야 한다 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하면 안 된다 오직 React 함수 내에서 Hook을 호출해야 한다 Hook을 일반적인 JavaScript 함수에서 호출하면 안 된다 리액트 내장 훅 API 기본 Hook useState useEffect useCon.. 2022. 5. 28. 리액트[기초] state state 란? 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다 클래스형 컴포넌트가 지니고 있는 state와 함수 컴포넌트에서 useState라는 함수를 통해 사용하는 state가 있다 컴포넌트 자체적으로 지닌 값으로 컴포넌트 내부에서 값을 업데이트할 수 있다 클래스형 컴포넌트 state ( state 초기값 설정 방법 1) 컴포넌트에 state의 초기값을 설정할 때는 constructor 메서드(컴포넌트 생성자 메서드)를 작성하여 설정한다 클래스형 컴포넌트에서 constructor를 작성할 때는 반드시 super(props)를 호출해주어야 한다. (이 함수가 호출되면 현재 클래스형 컴포넌트가 상속받고 있는 리액트의 Component 클래스가 지닌 생성자 함수를 호출해준다) 컴포넌트의 state는 객체 형.. 2022. 5. 27. 이전 1 다음 728x90