저번 시간에는 Main Process를 공부했다면, 이번 시간에는 Renderer Process에 관해서 공부해보겠다. Electron앱은 열려있는 윈도우에서 각각의 분리된 Renderer Process를 만들어낸다. 간단하게 설명하자면 HTML: Renderer Process의 진입 포인트, CSS: UI의 스타일링을 더해주는 것, : 실행가능한 자바스크립트 코드를 더해주는 것. 이 말의 뜻은 Renderer는 require라는 API 또는 Node.js의 API로의 직접적인 접근을 하지 않는다는 것이다. 렌더러에 NPM모듈을 직접 포함시키기 위해서는, 웹에서 사용하는 동일한 번들러 툴체인(webpack, parcel)을 사용해야만 한다. 웹은 무지성이기에 무슨 말인지 모르겠다. Renderer Pro..

출처. https://www.electronjs.org/docs/latest/tutorial/process-model Process Model | Electron Electron inherits its multi-process architecture from Chromium, which makes the framework architecturally very similar to a modern web browser. In this guide, we'll expound on the conceptual knowledge of Electron that we applied in the minimal quick start www.electronjs.org 강의도 없고 혼자 하려니 완전 기초부터 천천히 공식문서 보..

나도 프로그래밍 초보고, electron이라는 황무지에 뛰어들었기 때문에 너무 많은 기대를 하지 않고 보는 걸 추천한다.... 기본적으로 node.js를 깔고 node -v npm -v 음 잘 깔렸군 확인을 했다. 출처. https://www.electronjs.org/docs/latest/tutorial/quick-start Quick Start | Electron This guide will step you through the process of creating a barebones Hello World app in Electron, similar to electron/electron-quick-start. www.electronjs.org 언제나 공식 홈페이지의 Quick Start를 참고하는 게..