멍멍이코더

✍️ 문제 recoil duplicate atom key "{atom key}". this is a fatal error in production. but it is safe to ignore this warning if it occurred because of hot module replacement. 개발 환경에서 Recoil을 사용하면 파일이 변경되어 다시 빌드되는 과정에서 atom으로 만든 state가 재선언된다. key는 항상 고유값을 가져야하는데 재선언되는 과정에서 이미 key로 선언된 값을 key로 사용해서 문제가 발생한다. Next.js 개발 중 recoil을 사용할 때 발생하는 고질적인 문제인 것 같다. 기능적으로는 문제가 없다고 한다. 공식가이드 💡 해결방법 방법 1) Recoil에서 ..

1. 상태 관리의 중요성 우선 상태관리가 왜 필요한지 알아야 했다. 리액트는 단반향으로 바인딩을 하는 라이브러리이기 때문에 부모 -> 자식 방향으로만 state를 props로 전달할수 있고, 자식의 props를 부모에게 전달하는 방법은 존재하지 않는다. 대신 자식 컴포넌트에서 부모 컴포넌트의 state를 바꿀 수 있는 방법들이 존재한다. 1. 자식에게 부모의 state를 modify 할 수 있는 setState 함수를 props로 넘겨준다. 2. React 에서 자체적으로 제공하고 있는 Context API 3. State Management Tool(redux, recoil, ...) Parent.js import React, { useState } from "react"; import Children..