Electorn, Tauri 란?

저는 주언어를 JavaScript 로 정해서 관련된 프레임워크를 찾아보다가
일렉트론을 찾았는데 크롬 같이 애플리케이션 위에서 동작하도록 하는 것인데
JS코드를 어떻게 번들링하는 것인지 의아했고 신기했습니다.
 

JavaScript 로 응용프로그램을 만드는 것에 초점을 두고 학습하기로 마음먹었습니다!!!

 

구글링 하고 오픈채팅 방에서 물어보다가

Electorn 과 Tauri 를 찾게 되었습니다.

 

 

◆ Electorn 이란?

Electron 은 JavaScript, HTML, CSS 로 윈도우 또는 Mac, 리눅스 데스크톱 애플리케이션을 만들 수있는 프레임워크이다.

오픈 소스 프레임워크의 하나로 지금은 Github에 의해 개발되고 있다.

원래 웹 애플리케이션을 위해 개발된 프론트엔드와 백엔드 구성 요소를 사용하여 데스크톱 그래픽 사용자 인터페이스 애플리케이션의 개발을 가능케 한다.

일렉트론은 여러 저명한 오픈 소스 프로젝트를 뒷받침하는 주요 GUI 프레임워크이며,
이 프레임워크를 사용한 프로젝트로는 깃허브의 Atom, MS의 VSC(비주얼 스튜디오 코드),
그리고 라이트 테이블 IDE, 또 디스코드 채팅 서비스를 위한 프리웨어 데스크톱 클라이언트 등이 있다.

 

 

Electorn 공식사이트

https://www.electronjs.org/

Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS.

 

Electorn Github

https://github.com/electron/electron

GitHub - electron/electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

 

 

◆ Tauri 란?

Webview에서 렌더링된 HTML과 Rust 도구 의 조합을 사용하여 데스크탑 컴퓨터용 애플리케이션을 구축하는 데 사용됩니다 .

현재까지 데스크탑 및 네이티브 앱을 개발하기 가장 좋은 프레임워크로는 'Electron'을 꼽는다. Electron은 웹개발의 연장선에서 데스크톱 앱을 개발을 할 수 있다는 점에서 꽤 인기를 얻었다.
하지만 "대용량", "자유도" 2가지 단점이 존재한다. 

Electron 은 메모리를 많이 차지 한다고 들었다. 

Tauri의 기몬모듈은 총 600K미만이다. 그 결과 메모리는 Electron의 절반 수준으로 사용하며 , Vue, React, Angular 등 다양한 프레임워크 들과 호환성이 높다.

게다가 상업용 라이센싱으로 공개할 수 있다는 점도 매력적이다.

하지만 아직 Tauri의 인지도가 낮기 때문에 이와 관련된 래퍼런스가 부족하다....

 

 

 

Tauri Github

https://github.com/tauri-apps/tauri

GitHub - tauri-apps/tauri: Build smaller, faster, and more secure desktop applications with a web frontend.

 

 

Tauri 공식사이트

https://tauri.studio/en/

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio

 

 

추후에 좀더 조사를 해보고 마음에 드는 프레임워크를 공부하여 블로그에 올려보도록 하겠습니다.