React Lifecycle 에 대해서 질문 드립니다.

조회수 396회
import React from 'react';

function App() {

  const [count, setCount] = React.useState(0);

  const handler = () => setCount(count+1);

  React.useEffect(() => {
    console.log('렌더링 완료')
  }, []);

  console.log(123123);

  return (
    <div className="App">
      {count}
      <button onClick={handler}>+</button>
    </div>
  );
}

export default App;

위의 코드를 실행하게 되면 콘솔에

123123
123123
렌더링 완료

이렇게 123123이 2번이 뜨게되는데요, 제가 생각할땐 1번 떠야되는게 맞는거 같은데 2번이 뜨더라구요.. 그것도 hook을 사용하면 2번뜨고, 사용하지 않으면 1번뜨는데 이렇게 되는 이유가 궁금합니다.

  • (•́ ✖ •̀)
    알 수 없는 사용자

1 답변

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)