일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- static pages
- render phase
- revalidatetag
- server components
- 리액트
- RECOIL
- SSR
- 3진법 뒤집기
- CSS
- sever components
- dynamic pages
- @tailwind utility
- interceptor routes
- js
- client components
- 타입스크립트
- supabase realtime
- image component
- @tailwind base
- commit phase
- iron-session
- @tailwind
- 프로그래머스
- createbrowserrouter
- unstable_nostore
- 자바스크립트
- 클로저
- @tailwind components
- revalidatepath
- sever action
- Today
- Total
목록RECOIL (2)
개발하는 너구리

Recoil - SetterOrUpdater SetterOrUpdater는 Recoil에서 상태를 업데이트하는 함수를 지칭합니다. 이 함수는 두 가지 역할을 수행합니다: Setter와 Updater.Setter 함수: Setter 함수는 이전 상태를 완전히 덮어쓰는 역할을 합니다. 이전 상태를 무시하고 새로운 값을 설정하여 상태를 업데이트합니다. 이전 상태를 고려하지 않고 간단히 새로운 값을 설정하는 데 사용됩니다.Updater 함수: Updater 함수는 이전 상태를 기반으로 새로운 값을 생성하여 상태를 업데이트합니다. 이전 상태와 새로운 값을 조합하여 새로운 상태를 생성하는 함수입니다. 이전 상태를 참조하여 업데이트를 수행하므로 이전 상태의 일부를 유지하면서 상태를 업데이트할 수 있습니다. Recoi..

Recoil Recoil은 Facebook에서 개발한 React 상태 관리 라이브러리입니다. React 애플리케이션에서 상태를 효과적으로 관리하고 공유하기 위한 도구로 설계되었습니다. Recoil은 React의 컴포넌트 기반 아키텍처와 잘 통합되어 있으며, 상태의 변화를 추적하고 관리하기 위한 강력한 기능을 제공합니다. Recoil의 핵심 개념1. 아톰(Atoms): 아톰은 React 컴포넌트 간에 공유되는 상태의 단일 단위입니다. 각각의 아톰은 고유한 키와 초기값을 가지며, 해당 상태를 정의하고 읽거나 변경할 수 있는 기능을 제공합니다.2 .셀렉터(Selectors): 셀렉터는 아톰의 상태를 변환하거나 파생된 상태를 계산하기 위해 사용됩니다. 셀렉터를 사용하여 여러 아톰의 값을 조합하거나 필터링..