4. The easy way to create a project - You can create the project more easy than before by using boillerplate. npx create-electron-app project-name npx create-react-app project-name - This method involves adding Electron to a React project 1. Type command npx create-react-app project-name npm start npm add --dev electron 2.Modifying the package.json file { "name": "project-name", "version": "0.1.0", "private": true, "main": "src/ma.. 2023. 12. 31. 3. Adding webpack-package and practice 1. Adding the webpack-package npm install --save-dev @babel/core @babel/preset-env @babel/preset-react babel-loader css-loader style-loader sass-loader sass webpack webpack-cli 2. Make 'webpack.common.js' in root directory and write through following code (through visual code) code webpack.common.js const path = require('path'); module.exports = { mode: 'development', entry: './src/js/main.js', .. 2023. 12. 31. 2. Adding react package and practice 1. Install react package npm install --save react react-dom 2. Make main.js file (through visual code) code src/js/main.js 2.1. And wirte code (below is the example code) import React from 'react'; import ReactDom from 'react-dom'; ReactDom.render(Hello React App, document.getElementById('root')); 3. Finally, compare it with your root directory 2023. 12. 31. 1. Let's Practice through a simple example (Quick start from electron) 0. If you haven't installed Electron yet, you can do so through following link. Electron (Windows Environments) 1. Installing Node.js (About installing the node.js) 2. Make workspace 2.1. Make project folder mkdir "new-electron-app" 2.2. Create the porject npm init 2.3. you have to check if 'package.json' jas been created and then need to enter some information - au windows-u.tistory.com 1. You .. 2023. 12. 31. 0. What is the Electron? - What is the Electron? Electron is the Framework for developing desktop application and can build application that work cross-platform. - Architecture of Electron - developed Applications using Electron. 2023. 12. 31. 이전 1 다음
