무야홍 ~

개요 ✏️ React 를 사용한다면, 가장 대표적인 Hooks 인 useState 와 useEffect 는 이제 익숙 할 것이다. 컴포넌트 내부에서 props 나 state 를 다루는 기본적인 로직은 useState 와 useEffect 만으로도 구현이 가능하다. 이번 포스팅에서는, 보다 효과적인 컴포넌트의 렌더링 최적화를 위해 등장한 Hooks 인 useMemo 와 useCallback 에 대해 정리 해 보려고 한다. 사전 지식 ✅ 1️⃣ 함수형 컴포넌트는 말 그대로 함수 그 자체 이며, JSX 형태로 작성된 컴포넌트를 반환하는 함수이다. 2️⃣ 컴포넌트가 렌더링 된다는 것은 누군가가 그 함수(컴포넌...

에러 확인 CRUD 중 C (Create) 부분에서 발생한 에러이다. 다음과 같이 게시물 생성을 하기 위해 내용을 작성하고 생성 버튼을 누르자 에러가 발생했다. MongoDB Compass 에도 입력한 데이터가 들어오지 않는다. 에러 메세지를 확인 해 보면 Member 가 정의되어 있지 않다고 한다. ReferenceError: 'Member' is not defined 먼저, 코드에서 Member 가 정의된 부분을 찾아가보자. 에러 해결 E-mail 로 로그인 한 사용자의 데이터를 Schema 로 받는 값으로 Member 라 정의 해 놓았는데, 정작 사용하고자 하는곳에서는 U...