[TIL] CRA & TypeScript & Electron 환경 구축

1. 아래 글을 베이스로 초기 세팅을 진행해준다

[2021.03.28 수정] React + Typescript 기반의 Electron 윈도우 어플리케이션 만들기

2. 다음 명령어를 입력했을 때, tsc 컴파일 과정에서 에러가 발생해도 electron.js 파일이 생성된다면 상관없다 !

npm run compile-main

3.  다음 명령어로 localhost 및 Electron을 실행해준다

npm run dev

* localhost만 실행된다면 추가 터미널에 다음 명령어를 입력해 Electron을 직접 실행해준다

npm run start-main

아래와 같이 실행된다면 성공 !

 

Ctrl + Shift + I 로 개발자 도구 활성화 가능

 

---

[public/electron.ts]

    mainWindow = new electron_1.BrowserWindow({
        width: 1080,
        height: 700,
        icon: __dirname + "/favicon.ico",
        webPreferences: {
            nodeIntegration: true
        }

Electron에서 파비콘을 띄우려면 icon 속성을 추가해준다 !