본문 바로가기

electron2

Create React App으로 만든 electron앱에서 fs 사용하기.. fs 모듈을 쓰려고 하면 `Module not found` 라고 오류가 발생합니다. 문제는 webpack 타겟을 electron-renderer으로 잡아야 하는데, CRA(Create React App)으로 만든 프로젝트는 yarn eject를 해서 수정을 해 줘야 한다. 여기서는 eject를 하지 않고 해결하는 방법이 2가지을 소개 합니다. craco를 사용하기 craco는 CRA로 만든 프로젝트를 eject하지 않고 간단하게 설정하게 해 주는 패키지이다. 먼저 craco를 설치해 줍니다. $ npm i -D @craco/craco 그리고, craco.config.js 파일을 만들고 아래 내용을 입력해 줍니다. module.exports = { webpack: { configure: { target: .. 2020. 9. 20.
Typescript 기반으로 React Electron App 시작하기. 먼저 기본적으로 node.js가 설치가 되어 있다는 가정으로 설명 합니다. yarn이 설치 되어 있지 않다면 먼저 yarn을 설치해 줍니다. yarn은 npm과 같은 node의 패키지 매니저 입니다. $ npm install -g yarn 그리고, create-react-app을 통해서 타입스크립트 기반의 프로젝트를 생성해 줍니다. $ npx create-react-app my-app-name --template typescript $ cd my-app-name 위와 같이 명령어를 넣어 주면 타입스크립트 기반으로 react와 webpack 설정이 되어 있는 프로젝트가 설정 됩니다. 이제 Electron과 실행에 필요한 패키지를 설치해 줍니다. 아래 패키지들은 개발에서만 사용되는 패키지라서 --dev를 붙.. 2020. 9. 15.