electron-webpack 썸네일형 리스트형 이슈 2 electron-webpack에서 CSS Module 사용하기 2020/01/12 - [엥휴/이슈] - electron-webpack-quick-start에 react 설치하기 import styles from './react.css'식으로 사용하는 CSS module 기능도 electron-react-boilerplate에선 분명 되던 기능인데, electron-webpack-quick-start에서는 안 됐다. webpack.config.js를 만져줘야 하지만,documentation에서는 직접 접근하기보다 아래와 같은 방식을 추천한다. { "electronWebpack": { "renderer": { "webpackConfig": "webpack.renderer.additions.js" } } } package.json과 같은 경로에 webpackConfig에.. 더보기 이슈 1 electron-webpack에 react 설치하기 2020/01/12 - [엥휴/프로젝트] - 빠른 개발의 시작, boilerplate yarn add react react-dom를 통해 react와 react-dom을 설치했지만, 바로 사용할 수 없었다. webpack이 문제였다. webpack만으로는 react에서 주로 사용하는 JSX를 해석할 수 없었기 때문. ERROR in ./src/renderer/index.js Module build failed (from ./node\_modules/babel-loader/lib/index.js): SyntaxError: /src/renderer/index.js: Unexpected token (6:16) 5 | const rootElement = document.getElementById('app'); .. 더보기 빠른 개발의 시작, boilerplate 2020/01/12 - [엥휴/프로젝트] - 와이어프레임 만들 때 기억할 세 가지 일단 와이어프레임대로 개발을 시작하기로 했다. 처음에는 던져놓은 말이 있으니 electron과 react를 동시에 사용할 수 있는 환경을 구축해보려 했다. 어떤 블로그 글을 보고 따라했는데, 느리고 버벅거려 뭔가 잘못된 건가 싶었다. 정보를 좀 더 찾다가 electron-react-boilerplate를 발견했다. 매우 fancy하게 잘 만들었다. 지금와서 생각해보니 배경 그라데이션 때문에 잘 만들었다고 생각했나보다. hot-loader를 사용하여 빠르게 결과를 볼 수 있고, electron-builder를 사용하여 배포도 간편하다. 다만, 배워야 할 게 좀 많았다... react만 얕게 알고 있는 상태에서 프로젝트를 시작.. 더보기 이전 1 다음
