반응형
카엔입니다
카엔
카엔입니다
전체 방문자
오늘
어제
  • 분류 전체보기 (98)
    • 프론트엔드 (74)
      • JavaScript (22)
      • CSS (2)
      • React (21)
      • Next.js (12)
      • 블록체인 (2)
    • 에러 모음 (11)
    • Git (5)
    • 백엔드 (1)
      • GraphQL (1)
    • AWS (2)
    • CS (1)
    • 코딩테스트 (1)
    • 개발 이야기 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 모바일 파란 박스
  • 자릿수 채우기
  • git
  • useCallback
  • DOUBLE CHECK CONFIGURATION Please double check that you have setup a PAID OpenAI API Account. You can read more here: https://docs.agpt.co/setup/#getting-an-api-key
  • 구글 스프레드시트 API
  • nextron ipc
  • 이벤트루프
  • useMemo
  • error
  • ec2
  • 자바스크립트 이진수 변환
  • git 덮어쓰기
  • ipc 통신
  • ChatGPT
  • Next.js
  • unoptimized error
  • 웹상동작과정
  • Cloudfront
  • nextron

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
카엔입니다

카엔

Nextron(eletron) IPC 통신
프론트엔드/Next.js

Nextron(eletron) IPC 통신

2023. 5. 8. 15:02

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를 통해 메시지를 전달할 수 있습니다

순서

위에 두가지 코드에 키값을 확인해가면서 순서를 확인해보겠습니다

  1. publish-board로 board라는 파라미터를 보냅니다
  2. publish-board로 응답을 받아 cosole.log를 출력하고 예시 함수를 실행합니다
  3. event.sender.send에 publish-board-result라는 키값으로 메시지를 전송합니다
  4. 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
    '프론트엔드/Next.js' 카테고리의 다른 글
    • Next.js build시 Image Optimization 설정 에러
    • Next.js ISR와 React Query 연동
    • Next.js SSG에 대해서 알아보자
    • Next.js에서 미디어쿼리 (반응형) 적용하기
    카엔입니다
    카엔입니다
    https://www.kaen.site/

    티스토리툴바