React ipc 통신 시 useEffect 최적화

Electron 에서 ipc 통신으로 전달받은 값을 react 에서 window.api.receive 로 수신하도록 코딩하였는데

사진처럼 여러번 중복 수신되는 문제가 생겼다.

원인은 데이터 수신 시 상태가 변화되어 렌더링 되면서, 수신부가 다시 새롭게 만들어져 여러개로 늘어나는 것이었다.

useEffect Hooks 를 사용해 처음 렌더링 될 때에만 생성되도록 설정해주어 최적화하였다.