리액트 렌더링 시점 및 훅 호출 순서 확인해보기
루루개발자:
안녕하세요. 루루개발자 입니다. 요즘 한창 리액트 렌더링 시점과 훅 호출 순서 등에 대한 테스트를 진행해보고 있는데, 테스트 과정 및 결과를 공유드리고자 합니다. 먼저 다음과 같은 파일 및 코드가 있다고 가정해봅시다. -- index.tsx import { useCallback, useEffect, useState } from "react"; import { AppTestBox } from "../../../src/components/boxes/app-test-box/app-test-box"; import { useTest } from "../../../src/hooks/use-test-hook/use-test.hook"; const Index = () => { const [count, setCount]..