현재 버전

1. 컴포넌트 효율이 좋은지는 다음의 주소에서 받을 수있는 React Developer Tools 크롬 확장을 설치하고
    크롬 콘솔의 Components 탭 설정의 Highlight updates when components render 체크하면
    상태 변화나 이벤트로 인해 다시 렌더링되는 부분을 시각적으로 확인 가능합니다.

    https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

    관리할 상태가 많아지고 너무 높은곳에서 너무 깊은 아래로 다양하고 많은 데이터와 이벤트를
    전달한다면 상태 관리 라이브러리를 알아보시는게 좋습니다.

    컴포넌트 최적화는 리터럴 값을 사용하는 방식부터 useCallback, useMemo 그리고 서버로부터
    받은 데이터를 캐쉬하는등의 다양한 방법이 존재합니다.


2. react 특징상 단편적인 코드만 봐서는 확인할 수 있는게 많지 않습니다.
    의심가는 부분이 하나 있다면 Strict Mode입니다. 이것을 한번 Off 해보시기를 권해드립니다.

    https://ko.reactjs.org/docs/strict-mode.html


수정 이력

2021-01-10 02:06:38 에 아래 내용에서 변경 됨 #3

1. 컴포넌트 효율이 좋은지는 다음의 주소에서 받을 수있는 React Developer Tools 크롬 확장을 설치하고
    크롬 콘솔의 Components 탭 설정의 Highlight updates when components render 체크하면
    상태 변화나 이벤트로 인해 다시 렌더링되는 부분을 시각적으로 확인 가능합니다.

    https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

   관리할 상태가 많아지고 너무 높은곳에서 너무 깊은 아래로 다양하고 많은 데이터와 이벤트를
   전달한다면 상태 관리 라이브러리를 알아보시는게 좋습니다.

   컴포넌트 최적화는 리터럴 값을 사용하는 방식부터 useCallback, useMemo 그리고 서버로부터
   받은 데이터를 캐쉬하는등의 다양한 방법이 존재합니다.


2. react 특징상 단편적인 코드만 봐서는 확인할 수 있는게 많지 않습니다.
    의심가는 부분이 하나 있다면 Strict Mode입니다. 이것을 한번 Off 해보시기를 권해드립니다.

    https://ko.reactjs.org/docs/strict-mode.html

2021-01-10 02:06:29 에 아래 내용에서 변경 됨 #2

1. 컴포넌트 효율이 좋은지는 다음의 주소에서 받을 수있는 React Developer Tools 크롬 확장을 설치하고
    크롬 콘솔의 Components 탭 설정의 Highlight updates when components render 체크하면
    상태 변화나 이벤트로 인해 다시 렌더링되는 부분을 시각적으로 확인 가능합니다.

    https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

   관리할 상태가 많아지고 너무 높은곳에서 너무 깊은 아래로 다양하고 많은 데이터와 이벤트를
   전달한다면 상태 관리 라이브러리를 알아보시는게 좋습니다.

   컴포넌트 최적화는 리터럴 값을 사용하는 방식부터 useCallback, useMemo 그리고 서버로부터
   받은 데이터를 캐쉬하는등의 다양한 방법이 존재합니다.


2. react 특징상 단편적인 코드만 봐서는 확인할 수 있는게 많지 않습니다.
    의심가는 부분이 하나 있다면 Strict Mode입니다. 이것을 한번 Off 해보시기를 권해드립니다.

    https://ko.reactjs.org/docs/strict-mode.html

2021-01-10 02:06:05 에 아래 내용에서 변경 됨 #1

1. 컴포넌트 효율이 좋은지는 다음의 주소에서 받을 수있는 React Developer Tools 크롬 확장을 설치하고
    크롬 콘솔의 Components 탭 설정의 Highlight updates when components render 체크하면
    상태 변화나 이벤트로 인해 다시 렌더링되는 부분을 시각적으로 확인 가능합니다.

    https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

   관리할 상태가 많아지고 너무 높은곳에서 너무 깊은 아래로 다양하고 많은 데이터와 이벤트를
   전달한다면 상태 관리 라이브러리를 알아보시는게 좋습니다.

   컴포넌트 최적화는 리터럴 값을 사용하는 방식부터 useCallback, useMemo 그리고 서버로부터
   받은 데이터를 캐쉬하는등의 다양한 방법이 존재합니다.


2. react 특징상 단편적인 코드만 봐서는 확인할 수 있는게 많지 않습니다. 의심가는 부분이 하나 있다면 Strict Mode입니다. 이것을 한번 Off 해보시기를 권해드립니다.

https://ko.reactjs.org/docs/strict-mode.html