Recoil, Recoil-Persist를 이용한 상태관리

오늘 내가 배운 것 1. Recoil 2. Recoil 설치 3. Recoil 사용하기 4. 컴포넌트에서 Recoil 상태 값 사용하기 5. Recoil 상태 유지하기 (Recoil-Persist) 1. Recoil 현재 프로젝트에서 전역으로 상태를 관리하기 위해서 Recoil을 사용하고 있다. 기존에 Redux를 이용해서 상태를 관리하면서 프로젝트를 진행할 때 많은 불편함을 느꼈다. 프로젝트에서 관리할 상태가 많아지면 보일러플레이트 코드가 커지는 게 큰 단점이었는데, Recoil을 이용해서 간단하게 해결할 수 있었다. 이제 막 배워서 적용하는 단계라 많이 미숙하게 사용하고 있지만 Redux에 비해 편하게 사용할 수 있다는 장점으로 Recoil을 시작하여 배우고 있다. 2. Recoil 설치 $ npm ..

• format_list_bulleted React
• · 2023. 6. 30.
• textsms

Chrome Extenstion - React Developer Tools

React의 트리구조를 쉽게 볼 수 있게 도와주는 확장 프로그램 https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko React Developer Tools Adds React debugging tools to the Chrome Developer Tools. Created from revision 1a88fbb67 on 2/16/2023. chrome.google.com 리액트를 이용하여 개발하는 사람들에게 필수 확장 프로그램이라고 할 수 있다. 주요 기능은 `컴포넌트 트리 구조 확인`과 `컴포넌트의 상태 및 속성을 확인`이다. 1. 컴포넌트 트리 구조를 확인할 수 있다. ..

• format_list_bulleted React
• · 2023. 3. 15.
• textsms