[React] 페이지 로딩시에 단 한 번만 실행하기 (document.ready()같은 메서드)

원래는 습관적으로 이렇게 하고 있었는데 불필요하게 데이터를 매번 읽어와서 너무 비효율적이고 트래픽이 많아진 기분이 들어 더 찾아보았다

useEffect(() => {
        handleGetConnection(useAuthStore.getState().currentCode);
    }, [rowData]);

 

 

빈 배열을 넣어주면 컴포넌트가 처음 마운트될 때 (페이지가 로드될때) 단 한 번만 실행되게 된다

useEffect(() => {
        handleGetArsConnection(useAuthStore.getState().currentBotCode);
    }, []);