본문 바로가기
IT 개발, develop/javascript

[react] useEffect 가 2번 호출 될 때..

by newly everyday 2023. 11. 2.

함수형 컴포넌트를 이용해서 코딩을 하고 있었다.

최초 1번만 실행되기를 기대하고..

 

다음과 같이 작성했으나... 계속 로그가 2번 찍힌다..

 

    useEffect(() => {
        console.log("1");

    },[]);

 

검색 결과 index.js 에 StrictMode 를 지우라는...

 

허망하다..

 

참고)

https://velog.io/@gene028/%EA%B0%9C%EB%B0%9C%EC%9D%BC%EC%A7%80-3-UseEffect%EB%8A%94-%EC%99%9C-%EB%91%90%EB%B2%88-%EC%8B%A4%ED%96%89%EB%90%98%EB%8A%94%EA%B1%B8%EA%B9%8C

 

[개발일지 #3] UseEffect는 왜 두번 실행되는걸까?

팀원들과 카카오 로그인 구현 중.. 인가코드를 자꾸 두 번 보내게 되는데, 그 원인을 몰라서 한참을 해메다가 UseEffect 때문에 이러한 문제가 발생되는 것을 알 수 있었다.왜 날...괴롭히는거임아

velog.io

 

댓글