아무도 알려주지 않았던 electron 실행 위치

sig03
3 min readMay 13, 2022

--

요즘 cross platform 을 이용한 desktop app 개발은 react + electron 아니면 flutter 활용이 대세라고 한다. electron은 몇 년전부터 돌려보려고 했었다. 그런데 잘 안된다. 구글에 예제는 잔뜩 있는데 한 번도 성공한 적이 없다. electron 홈페이지에 가면 이런 문구가 있다.

(출처: electron homepage)

니 생각보다 쉽덴다. 그런데 왜 안되는걸까? 오류가 발생하고 오류 메시지를 구글링해봐도 원인이 명확하지 않았다. 몇 번의 시도와 동일한 횟수의 실패를 반복하고 electron은 뭣 같은 플랫폼이라고 생각했었다. 그러다 우연히 flutter를 찾아보게 됐고 한 번 돌려볼까 하고 둘러보는데 갑자기 생각의 전환이 찾아왔다. 아마 flutter 예제를 보다가 사고의 전환을 맞이했던 것 같다.

electron이 desktop app 을 만드는 플랫폼인데 이걸 서버에서 실행 안 하고 로컬에서 실행해야 하는게 아닐까? 그러니까 그 동안 해왔던 방법대로 서버에 react를 설치하고 electron을 설치해서 돌리는게 아니라 desktop에 react와 electron을 설치하고 돌려야 하는게 아닐까?

바로 실행에 옮겼다. 구글링해서 제일 첫 번째 나오는 예제를 그대로 따라했다. 단, 맥북 로컬 pc에 폴더를 만들고 cra를 실행하고 electron을 끼워넣고 돌려봤다. 아…이런 바로 된다. 너무 쉽게 되서 어이가 없을 정도다.

왜 그 생각을 못했을까? 당연히 로컬 프로그램을 만드려면 로컬에서 실행해야지. 그저 하던대로 편하게 하려다보니 기본 환경이 구축되어 있는 서버에서 프로그램을 만드려고 했던 것이다. 한 번 더 생각하지 못한 내 잘못이다. 아니면 pc에 뭐가 설치되는걸 끔찍히 싫어하는 성격탓도 있다. 특히 웹 개발자는 보통 서버에서 작업하지 로컬에서는 작업을 잘 하지 않으니 직업탓도 있다. 하지만 예제를 올리는 분들이 실행 위치를 명확히 알려줬다면 이런 실패는 경험하지 않았을텐데. 아마 누군가는 써 놨을 수도 있지만 내가 지나쳤을 수도 있다.

그러나 이렇게 누군가에게 당연한 부분들이 어떤 초심자들에겐 큰 장벽으로 동작하기도 한다.

결론: electron은 로컬 pc에서 돌려야 한다.

--

--

sig03
sig03

No responses yet