일렉트론기초-01.일렉트론이란?

이 포스트의 동영상 강의

https://youtu.be/Krc4mHkGLqM

 

 

 

일렉트론

일렉트론은 Javascript, HTML, CSS를 이용하여 Desktop Application을 만드는 프레임워크입니다.

따라서 자바스크립트와 웹개발 지식을 가지고 있다면 쉽게 데스크톱 애플리케이션을 만들 수 있습니다.

그리고, 일렉트론은 1개의 코드만으로 Cross-Platform에서 작동하는 애플리케이션을 빌드할 수 있습니다.

 

일렉트론은 

• 2013.4 Atom Editor를 만들기 위해 시작한 Atom Shell에서 시작
• 2014.5 MIT라이선스 오픈소스로 전환
• 2015.4 Atom Shell에서 Electron으로 명칭 변경
• 2016.5 Electron V1.0 출시

일렉트론 아키텍처

• Backend - Nodejs 런타임
• Frontend -Chromium(크로미엄, 오픈소스 웹브라우저 프로젝트이며 구글 크롬이 이것을 사용함)

Electron Architecture

일렉트론을 사용하여 만들어진 Application

• 일렉트론을 이용해 개발된 앱은 https://www.electronjs.org/apps 에서 확인할 수 있습니다.
• 굉장히 많은 앱 리스트가 있고, 그 중 우리가 잘 아는 앱들은 다음과 같은 것들이 있습니다.

Electron으로 개발된 Application

일렉트론 Application의 File 구조

Electron Application Files

일렉트론의 장점

• 웹기술을 이용해 Desktop Application 개발이 가능.
• 한개의 코드로 Cross platform에서 작동하는 애플리케이션을 만들 수 있음.
• NPM을 이용해 node package들을 사용할 수 있음.