Purple Programming

리액트 공식문서는 useMemo 에 대해 생성함수와 의존성 배열을 전달하면 메모이제이션 된 값을 반환한다고 설명한다. 위키백과에서 메모이제이션을 찾아보면, 메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. 라고 하는데, 다시 말해 한 번 생성한 컴포넌트를 메모리에 저장해서 사용하는 것이다. 메모리를 소모하지만 프로그램의 성능은 향상된다. 예를 들어, 동영상과 리스트가 함께 나오는 화면에서 리스트가 동영상 컴포넌트의 자식 컴포넌트일 때 동영상을 리로딩해도 리스트는 그대로 보여지게 하고 싶다면 useMemo 를 사용하면 되겠다.

리액트 공식문서는 리액트 컴포넌트 이름을 대문자로 시작하라고 강력히 권고한다. 사용자 정의 컴포넌트는 반드시 대문자로 시작해야합니다 라고 말이다. 리액트 라이브러리는 소문자로 시작되는 태그를 DOM으로 인식하여 React.createElement에 전달한다. 반면 대문자로 시작되는 태그는 사용자가 정의하여 import한 컴포넌트로 인식하여 React.createElement(컴포넌트) 가 된다. 가령 컴포넌트가 Example 이라는 함수라면 import example from ./example.jsx ... 가 아니라, import Example from ./example.jsx ... 로 사용해야 하는 것이다