๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

electron2

[Electron] 1. Electron์— React ํƒ‘์žฌํ•˜๊ธฐ! 2023.05.01 - [๐ŸŒŒ | WEB DEV/Electron] - [Electron] 0. Electron์ด๋ž€? & ์ดˆ๊ธฐ์„ค์ • Electron์€ JS๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ์ด๊ธฐ ๋•Œ๋ฌธ์— React ์—ญ์‹œ ํ•จ๊ป˜ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์ €๋ฒˆ ํฌ์ŠคํŠธ์—์„œ ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ์— React๋ฅผ ํƒ‘์žฌํ•ด๋ณด์ž! 1. React ํŒจํ‚ค์ง€ ์ถ”๊ฐ€ํ•˜๊ธฐ npm install --save react react-dom ์œ„ ๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด ์„ค์น˜๊ฐ€ ์™„๋ฃŒ๋œ ๊ฒฝ์šฐ package.json์—๋Š” ์ด์ฒ˜๋Ÿผ ์ถ”๊ฐ€๊ฐ€ ๋œ๋‹ค. "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", } 2. ์†Œ์ŠคํŒŒ์ผ ๋งŒ๋“ค๊ธฐ main_react๋ผ๋Š” ์ด๋ฆ„์œผ๋กœ jsํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์˜€๋‹ค. (์ด๋ฆ„์€ ์ž„์˜ ์ž‘์„ฑ) main_react.js import Reac.. 2023. 5. 2.
[Electron] 0. Electron์ด๋ž€? & ์ดˆ๊ธฐ์„ค์ • JS ๊ธฐ๋ฐ˜์œผ๋กœ ํฌ๋กœ์Šคํ”Œ๋žซํผ ๋ฐ์Šคํฌํ†ฑ ์•ฑ์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ธ Electron์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž! 1. ์†Œ๊ฐœ Electron์€ JS, HTML, CSS๋ฅผ ํ™œ์šฉํ•ด์„œ ํฌ๋กœ์Šคํ”Œ๋žฉํผ ๋ฐ์Šคํฌํ†ฑ ์•ฑ์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค. 2013๋…„ Atom Editor๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์‹œ์ž‘๋œ Atom Shell์—์„œ ์‹œ์ž‘ํ•˜์˜€๊ณ  2015๋…„ ๊ทธ ๋ช…์นญ์ด ํ˜„์žฌ์˜ Electron์œผ๋กœ ๋ณ€๊ฒฝ๋˜์—ˆ๋‹ค. Electron์˜ ์•„ํ‚คํ…์ณ๋Š” ๋ฐฑ์—”๋“œ์˜ ๊ฒฝ์šฐ Node.js, ํ”„๋ก ํŠธ์—”๋“œ์˜ ๊ฒฝ์šฐ Chromium ์ด๋ผ๋Š” ๊ตฌ๊ธ€ Chrome ๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ฐ˜์ด ๋˜๋Š” ์˜คํ”ˆ์†Œ์Šค ํ”„๋กœ์ ํŠธ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ๋”ฐ๋ผ์„œ Web ๊ธฐ๋ฐ˜์˜ ๊ธฐ์ˆ ์€ Chromium์—์„œ ์ฒ˜๋ฆฌํ•˜๊ณ  OS ๊ธฐ๋ฐ˜ ๊ธฐ๋Šฅ์€ Node.js์—์„œ ์ฒ˜๋ฆฌํ•˜๊ฒŒ ๋œ๋‹ค. ์ด๋ฅผ ์ด์šฉํ•˜๋Š” ๋Œ€ํ‘œ์ ์ธ ์˜ˆ์‹œ๋Š” Atom Editor, V.. 2023. 5. 1.
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”