진지

벚꽃이 가득했다

카톡, 카톡, 카톡.

안녕하세요. 루루개발자 입니다. 요즘 한창 리액트 렌더링 시점과 훅 호출 순서 등에 대한 테스트를 진행해보고 있는데, 테스트 과정 및 결과를 공유드리고자 합니다. 먼저 다음과 같은 파일 및 코드가 있다고 가정해봅시다. -- 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]..

안녕하세요. 루루개발자 입니다. 요즘은 next.js & react 를 공부해보고 있습니다. 그 중에서도 useEffect 의 호출되는 시점을 직접 테스트해보고자 다음과 같이 코드를 작성하였습니다. import { useEffect } from "react"; const Index = () => { useEffect(() => { console.log('useEffect 호출됨.'); return () => { console.log('useEffect unmount 호출됨.'); }; }, []); return ( ); }; next dev 그리고 next 를 dev 모드로 구동후에 브라우저에서 접근해보면 개발자 도구의 콘솔창에 다음과 같이 표시됩니다. useEffect 는 렌더링 이후에 호출되는 것으로..

마법 주문이 뭐더라

기대 이상

피아노 연주를 시작하겠습니다.