Nextron에서 IPC 통신을 하는 방법에 대해 알아보려합니다
Nextron에는 Main과 Renderer 프로세스로 나뉘어 있는데
IPC 모듈 또한 ipcMain과 ipcRenderer 두가지 모듈로 나뉘어 있습니다
ipcRenderer
Main 프로세스로 메시지를 보내고 응답받습니다
// home.tsx
ipcRenderer.send("publish-board", board); // 1
ipcRenderer.on("publish-board-result", (event, res) => { // 4
console.log(res);
});
ipcMain
Renderer 프로세스로부터 응답을 받고 메시지를 전달받을 수 있습니다
// background.ts
ipcMain.on("publish-board", async (event, res) => {
console.log("response DATA:", res); // 2. res
await puppeteers(res); // 예시: 응답을 받으면 실행할 함수
event.sender.send("publish-board-result", res); // 3
});
첫번째 파라미터를 키값
으로 사용하며 각 프로세스끼리 키값을 통해 주고받을 수 있습니다
event.sender.send
를 통해 메시지를 전달할 수 있습니다
순서
위에 두가지 코드에 키값을 확인해가면서 순서를 확인해보겠습니다
- publish-board로 board라는 파라미터를 보냅니다
- publish-board로 응답을 받아 cosole.log를 출력하고 예시 함수를 실행합니다
- event.sender.send에
publish-board-result
라는 키값으로 메시지를 전송합니다 - publish-board-result라는 키값을 통해 받은 메시지를 console.log로 출력합니다
내용에 대한 피드백은 언제든 환영입니다!
'프론트엔드 > Next.js' 카테고리의 다른 글
Next.js build시 Image Optimization 설정 에러 (0) | 2023.05.16 |
---|---|
Next.js ISR와 React Query 연동 (1) | 2023.05.10 |
Next.js SSG에 대해서 알아보자 (0) | 2023.04.26 |
Next.js에서 미디어쿼리 (반응형) 적용하기 (0) | 2023.04.19 |
Next/image가 외부 이미지를 import 해오지 못하는 문제 (0) | 2022.12.29 |