electron(일렉트론) 프레임워크

joeunhee·2020년 1월 16일
0
post-thumbnail

electron 개념

electron은 native애플리케이션으로 chromium과 node.js를 1개의 런타임으로 통합하여 js, html, css만 가지고도 데스크톱 애플리케이션을 만들 수 있도록 해주는 프레임워크이다.

native애플리케이션이란? 특정한 플랫폼이나 디바이스를 이용하기 위해 개발된 소프트웨어 프로그램으로서, 흔히 말하는 애플리케이션이 이에 속한다.

electron 특징

  • html, css, js를 사용해 window, mac os, linux 3개의 운영체제와 호환이 되는 크로스 플랫폼 데스크톱 애플리케이션을 만들 수 있다.
  • node.js의 개념만 알아도 데스크톱 애플리케이션을 쉽게 만들 수 있다. (일렉트론이 node.js 기반의 프레임워크이기 때문에 가능)

electron 구조

  • main process 모든 웹 페이지와 각 페이지들이 소유한 renderer 프로세스들을 관리하는 관리자 역할
  • renderer process 서로 독립적으로 동작하고 각각이 실행된 웹 페이지 내에서만 관여

차이점

main process

  • back-end
  • package.json파일의 main 스크립트를 실행하는 프로세스
  • node.js에서 사용되는 모든 모듈들을 사용할 수 있다. (node.js 기반이기 때문)
  • electron 애플리케이션당 1개만 존재할 수 있다. (항상 1개)

renderer process

  • front-end
  • 웹 페이지를 보여주기 위해 chromium을 사용한다.
  • electron안에서 보여지는 각각의 웹 페이지는 자신의 프로세스 안에서 동작한다.

electron IPC통신 실습

참고자료

0개의 댓글