Electron이 뭐길래!?

1. 일렉트론이란 어떤 프레임워크일까?

• Javascript, HTML, CSS를 이용해 Desktop Application을 만드는 프레임워크이다.
• 1개의 코드만으로도 Cross-Platform에서 작동하는 Application을 빌드할 수 있다.

 

2. 일렉트론 아키텍쳐는 어떻게 될까?

• Backend : Nodejs런타임
• Frontend : Chromium(크로미엄) 이외의 여러가지 언어를 사용한다.

 

3. 일렉트론을 사용해 만들어진 Application의 예시는 어떤 게 있을까?

• Slack
• Atom
• Visual Studio Code
• WordPress.com
• Remember

 

4. 일렉트론 Application의 File 구조는 어떻게 될까?

• Package.json (메타데이터)
• index.html (그래픽 사용자 인터페이스-디자인적 요소)
• main.js (코드-기능적 요소)

 

5. 일렉트론의 장점을 많이 사용하는 이유가 뭘까?

• 웹 기술을 이용해 Desktop Application 개발이 가능하다.
• 한 개의 코드만으로도 Cross Platform에서 작동하는 Application을 만들 수 있다.

      각 OS별로 데스크톱 애플리케이션 지원을 위한 작업을 진행해야 하는데,
      OS별로 API선언 혹은 제공이 달라질 수도 있다는 점에 유지보수 및 상호작용이 어려워질 수도 있다.

      이러한 고민을 해결한 게 Cross Platform이라고 한다. 

      한 번에 세가지 OS에 대한 빌드를 지원하고 설치할 수 있도록 할 수 있다.

• NPM을 이용해 간편하게 node package들을 사용할 수 있다. 
• 진입 장벽이 낮다.

      새로운 언어를 배울 필요 없이 기존의 자바스크립트, HTML, CSS 기타 웹 기술을 사용해서 시작할 수 있다. 

• 개발 속도가 향상된다.

      인터프리터 방식을 사용하기 때문에 개발자가 손쉽게 디버깅 및 개발할 수 있는 환경이다.
      즉, 애플리케이션을 빠르게 구현할 수 있다.
      일렉트론은 기본적으로 웹 애플리케이션의 비즈니스 로직, 디자인 및 구조를 재사용하는 방식으로 개발에  
      소요되는 시간과 비용을 줄일 수 있다.

• 써드파티 지원 

      일렉트론은 Nodejs의 모든 빌트인 모듈, 써드파티 모듈을 사용할 수 있다.
      NPM 레지스트리에 등록된 대부분의 모듈도 이용 가능하며, Nodejs를 통해 파일시스템에 접근하고,
      네트워크 리소스를 제약 없이 사용할 수도 있다.

      

 

일렉트론에 대한 장점을 알아봤으니, Electron 기반을 개발해보자!

https://ohrora-developer.tistory.com/4

Electron에 React 연동해보기!