Electron을 사용하면서 preload.js를 제대로 이해하고 써야만보안 강화, 안정성 향상, 성능 최적화를 모두 챙길 수 있습니다.하지만 많은 초심자들이 preload를"그냥 있나보다""대충 쓰면 되지"정도로 넘깁니다.그러면 앱이 위험해지고, 유지보수가 어려워지고, 퍼포먼스가 떨어집니다.오늘 이 글에서preload의 역할, 작성법, 보안 설정, 고급 패턴까지처음부터 끝까지 꼼꼼하게 정리해봅시다. Preload란 무엇인가?Preload 스크립트는 렌더러 프로세스가 시작되기 전에 실행되는Node.js 환경의 JavaScript 코드입니다.쉽게 말하면?메인 프로세스가 브라우저 창을 열 때웹 페이지(렌더러)가 로드되기 전에미리 필요한 기능을 준비하는 중간 다리 역할입니다.Electron 공식 정의Prelo..

Electron(일렉트론) 앱을 만들 때, 메인 프로세스와 렌더러 프로세스 간의 통신은 핵심입니다.이 통신을 담당하는 것이 바로 IPC (Inter-Process Communication) 입니다.하지만 ipcRenderer, ipcMain, invoke, send, on, handle, reply 등등메서드가 많고 헷갈려서 겉핥기식으로 넘어가면 반드시 후회하게 됩니다.이 글에서는 개념 → 흐름 → 메서드별 심화까지입문자도 고급 개발자도 이해할 수 있도록 완전히 정리합니다.Electron에서 IPC란?IPC (Inter-Process Communication)는 서로 다른 프로세스 간에 데이터를 주고받는 방법입니다.Electron은 메인 프로세스와 렌더러 프로세스로 나뉘는데,서로 다른 역할을 하기에 자연..