Hello, Freakin world!

UseEffect 훅의 용도 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook 예제 코드 import {useEffect} from "react"; function App() { useEffect(() => { console.log("화면 렌더링 됨."); }) return ( Hello ); } export default App; return 문에 정의된 JSX가 렌더링 될때마다 useEffect가 호출됩니다. useEffect의 파라미터 function useEffect(effect: EffectCallback, deps?: DependencyList): void; useEffect 함수는 화면이 렌더링 될 때 실행할 콜백 함수와 렌더링을 유발하는 대상 리스트를 파라미..

리액트를 공부하면서 이것저것 만져보면서 element가 처음 올라올 때 변수나 상태값들을 초기화할 수 있는 이벤트가 없나~ 찾아보다가 onload 이벤트를 알게 됐다. 간단하게 알아본 결과 onload 이벤트는 body 태그에서만 사용 가능. div, h1 등 다른 태그에서는 사용할 수 없다. 조금 더 찾아보니 리액트에서 엘리먼트의 초기화 작업을 useEffect 라는 훅으로 해결이 가능한 듯 하다.