[electron] 웹뷰 만들기

작성일: 21년 8월 31일

PS. 처음에는 electron으로 한땀한땀 개발하려고 하였지만 electron을 공부하는 노오오오력이 쉽지 않다는 것을 알게 되었다. 그래서 고민끝에 그냥 웹뷰로 하면 기존에 웹서버 개발하듯이 하면 되지 않을까? 라는 의문에 찾아보니 쉽게 찾을 수 있었다. 

여기서 또 의문이 생긴다. 그럼 그냥 Chrome으로 하면 되지 않을까? 라는 궁금증을 가질 수 있지만

웹서버와 통신 오류시 발생할 경우 "Alarm" 화면이나 처음 실행했을때 실제 뒤에서 Loading 하는 동안 멋지게 나오는 "Loading" 화면이 나오도록 만들수 있도록 만들어 보고자 한다.

 

 

Index

1. electron Quick Start 다운로드

2. main.js

3. 실행

 

 

1. electron Quick Start 다운로드

 - git과 nodejs를 설치 후 아래의 명령어를 실행하면 됨

 

 

2. main.js

 - File을 불러오는 것이 아닌 loadURL을 이용하여 해당 주소의 데이터를 가져옴

 - 전체화면 모드로 실행해야 하므로 setMenu를 삭제하고 FullScreen을 활성화함

 

 

3. 실행

 - "npm start" 명령어를 실행하면 Menu 보이지 않으며 FullScreen 으로 실행됨을 확인 할 수 있음

 

 

Referece:

https://runebook.dev/ko/docs/electron/tutorial/security

Electron - 보안, 기본 기능 및 책임 - 웹 개발자로서 우리는 일반적으로 강력한 브라우저 보안 브라