front-end/Recoil 2

[recoil] selector

순수함수 입력으로 주어진 인자에만 의존하고 side effect가 없는 함수를 말한다. side effect : 함수 외부의 상태를 변경하거나 다른 외부 환경에 영향을 미치는 동작 순수함수는 입력과 반환값에만 의존하고, 같은 입력에 대해서 항상 같은 출력을 반환한다. selector selector는 atom이나 다른 seletor를 입력으로 받아들이는 순수함수다 상위 atom이나 selector가 업데이트되면 하위 selector 함수도 다시 실행된다 컴포넌트는 selector를 구독할 수 있고 selector가 변경되면 컴포넌트도 리렌더링된다. selector는 상태를 기반으로 파생시키는 상태(데이터)를 계산하는 데에 사용된다. 최소한의 상태 집합만 atom에 저장하고, 다른 모든 파생 데이터는 se..

front-end/Recoil 2023.07.23

[recoil] Flux pattern & atom

recoil : 리액트의 상태관리를 위해 사용되는 라이브러리 react의 데이터 흐름은 단방향이다. (부모 컴포넌트 -> 자식 컴포넌트) 이런 패턴을 Flux 패턴에서 유래됐다. flux 패턴은 mvc 패턴에서의 양방향 데이터 흐름을 방지하기 위해 설계되었다. mvc패턴 model, view, controller 세가지 요소로 구성된 소프트웨어 디자인패턴 Model은 데이터와 비즈니스 로직을 처리한다. 앱이 포함해야할 데이터를 정의하고, 데이터의 상태가 변경되면 View에게 알린다. View는 UI를 나타내는 부분인데 데이터를 시각적으로 표현한다. 사용자의 입력은 이때 View에서 Controller로 전달된다. Controller는 앱의 사용자 입력에 대한 응답으로 Model이나 View를 업데이트하는..

front-end/Recoil 2023.07.22