๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • Tried. Failed. Logged.
728x90

๐Ÿ–ฅ๏ธํ”„๋ก ํŠธ์—”๋“œ67

Electron - ๋ Œ๋”๋Ÿฌ๊ฐ€ ๋ฉ”์ธ์—๊ฒŒ ์‹ ํ˜ธ ๋ณด๋‚ด๊ธฐ(ipcMain & ipcRenderer) [@electron/remote ๋ชจ๋“ˆ ํ•„์š”] // In the Renderer const { BrowserWindow } = require('@electron/remote') // In the main process: require('@electron/remote/main').initialize() [renderer.js] const { ipcRenderer } = require('electron') //to minimize ipcRenderer.send('minimize', data); [main.js] const { ipcMain } = require('electron') ipcMain.on('minimize', (event, data) => { //Minimize logic }) ์ถœ์ฒ˜: https:.. 2022. 3. 28.
Electron - Tray ์ƒ์„ฑ ๋ฐ ํด๋ฆญ ์ด๋ฒคํŠธ, Tray ์•„์ด์ฝ˜ ๋ณ€๊ฒฝ const { app, BrowserWindow, Menu, Tray } = require('electron'); let tray = null app.whenReady().then(() => { tray = new Tray('./icon1.png'); var contextMenu = Menu.buildFromTemplate([ { label: 'Hello world!', click: function(){ console.log('Hello world!'); tray.setImage('./icon2.png'); } }, { label: 'Quit', click: function(){ app.quit(); } } ]); tray.setContextMenu(contextMenu); }) Tray ์ƒ์„ฑ ๋ฐ ํด๋ฆญ .. 2022. 3. 28.
Electron - ๋งˆ์šฐ์Šค ๋“œ๋ž˜๊ทธ๋กœ ์ฐฝ ์›€์ง์ด๊ธฐ element{ -webkit-app-region: drag; } ์ถœ์ฒ˜: https://tinydew4.github.io/electron-ko/docs/api/frameless-window/ Frameless ์œˆ๋„์šฐ ํˆด๋ฐ”, ํ…Œ๋‘๋ฆฌ, ์‹œ๊ฐ์ ์ธ "chrome" ์—†์ด ์œˆ๋„์šฐ๋ฅผ ์—ฝ๋‹ˆ๋‹ค. tinydew4.github.io 2022. 3. 28.
Electron - ๋กœ๋“œ๊ฐ€ ๋‹ค๋œํ›„์— ์ฐฝ ๋„์šฐ๊ธฐ let win = new BrowserWindow({ show: false, }); win.once('ready-to-show', () => { win.show() }) ์ถœ์ฒ˜: https://www.electronjs.org/docs/latest/api/browser-window BrowserWindow | Electron Create and control browser windows. www.electronjs.org 2022. 3. 27.
Electron - ํด๋ฆฝ๋ณด๋“œ ์กฐ์ž‘ const {clipboard} = require('electron'); clipboard.writeText('ํด๋ฆฝ๋ณด๋“œ ๋ณต์‚ฌ!'); // ํด๋ฆฝ๋ณด๋“œ ํ…์ŠคํŠธ ๋ณต์‚ฌ clipboard.readText(); // ํด๋ฆฝ๋ณด๋“œ ํ…์ŠคํŠธ ๊ฐ€์ ธ์˜ค๊ธฐ ์ถœ์ฒ˜: https://tinydew4.github.io/electron-ko/docs/api/clipboard/ clipboard ์‹œ์Šคํ…œ ํด๋ฆฝ๋ณด๋“œ์— ๋ณต์‚ฌ์™€ ๋ถ™์—ฌ๋„ฃ๊ธฐ๋ฅผ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค. tinydew4.github.io 2022. 3. 27.
Electron - ์ดˆ๊ธฐ ์„ค์ • ๋ฐ ์‹คํ–‰ [์„ค์น˜] npm init npm i electron [package.json] { "main": "main.js", "scripts": { "start": "electron ." } } [main.js] const { app, BrowserWindow, Menu } = require('electron'); Menu.setApplicationMenu(false); // ๋ฉ”๋‰ด ๋น„ํ™œ์„ฑํ™” function createWindow(){ let win = new BrowserWindow({ frame: true, width: 600, height: 400, minWidth: 400, minHeight: 200, maxWidth: 700, maxHeight: 500, resizable: true, webPreferen.. 2022. 3. 27.
html - ๊ฐœ๋ฐœ์ž ๋„๊ตฌ ๋ง‰๊ธฐ(์‚ฌ์šฉํ•˜๊ธฐ ํž˜๋“ค๊ฒŒ) (function () { (function a() { try { (function b(i) { if (('' + (i / i)).length !== 1 || i % 20 === 0) { (function () { }).constructor('debugger')() } else { debugger } b(++i) } )(0) } catch (e) { setTimeout(a, 700) } } )() } )(); 2022. 2. 24.
๋ฆฌ์•กํŠธ - ํ”„๋กœ์ ํŠธ 21 - 3์ฃผ ๋™์•ˆ์˜ ์ฑŒ๋ฆฐ์ง€ https://pr0ject21.web.app/ 21: Challenge 3 weeks pr0ject21.web.app ๊นƒํ—ˆ๋ธŒ: https://github.com/Logic-01001010/21 GitHub - Logic-01001010/21: ํ”„๋กœ์ ํŠธ 21 - 3์ฃผ ๋™์•ˆ์˜ ์ฑŒ๋ฆฐ์ง€ ํ”„๋กœ์ ํŠธ 21 - 3์ฃผ ๋™์•ˆ์˜ ์ฑŒ๋ฆฐ์ง€. Contribute to Logic-01001010/21 development by creating an account on GitHub. github.com 2022. 2. 19.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - localStorage์— ํด๋ž˜์Šค ๋ณ€์ˆ˜ ์ €์žฅํ•˜๊ธฐ localStorage.setItem('Todos', JSON.stringify(todosList)); if( localStorage.getItem('Todos') != null && localStorage.getItem('Todos') != undefined && localStorage.getItem('Todos') != '' && localStorage.getItem('Todos') != '[]' ){ todosList = JSON.parse( localStorage.getItem('Todos') ); } 2022. 2. 10.
๋ฆฌ์•กํŠธ - ์„ค์น˜ ์„ค์น˜ ๋ช…๋ น์–ด) npx create-react-app [ํ”„๋กœ์ ํŠธ ์ด๋ฆ„] * ํ”„๋กœ์ ํŠธ๋ฅผ ์„ค์น˜ํ•œ ํ›„ cd [ํ”„๋กœ์ ํŠธ ์ด๋ฆ„]์œผ๋กœ ๋””๋ ‰ํ† ๋ฆฌ ์ด๋™ ์‹คํ–‰ ๋ช…๋ น์–ด) npm start ์ฐธ๊ณ : https://codingapple.com/unit/react1-install-create-react-app-npx/ ๋ฆฌ์•กํŠธ React ์„ค์น˜์™€ ๊ฐœ๋ฐœํ™˜๊ฒฝ ์…‹ํŒ… (2021 ver) - ์ฝ”๋”ฉ์• ํ”Œ ์˜จ๋ผ์ธ ๊ฐ•์ขŒ 0:00 Nodejs, VS Code ์„ค์น˜ 3:34 ์ž‘์—…ํด๋”์—์„œ npx create-react-app์œผ๋กœ ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ 6:18 ์ƒ์„ฑ๋œ blog๋ผ๋Š” ํด๋” ์—๋””ํ„ฐ๋กœ ์—ด๊ณ  ์ฝ”๋”ฉ์‹œ์ž‘ํ•ด์•ผํ•˜๋Š”๋ฐ ๊ทธ ์ „ ์žก์„ค๋ช… 8:29 ๋‚ด๊ฐ€ ์ง  ์ฝ”๋“œ ์›น ๋ฏธ๋ฆฌ๋ณด๊ธฐ codingapple.com 2022. 1. 10.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - canvas base64 ๋ฐ์ดํ„ฐ ์ถ”์ถœ var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // here is the most important part because if you dont replace you will get a DOM 18 exception. ์ถœ์ฒ˜: https://stackoverflow.com/questions/10673122/how-to-save-canvas-as-an-image-with-canvas-todataurl How To Save Canvas As An Image With canvas.toDataURL()? I'm currently building a HTML5 web app/Phonegap native app.. 2021. 12. 8.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - html ์Šคํฌ๋ฆฐ์ƒทํ•˜๊ธฐ html2canvas https://html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com 2021. 12. 8.
728x90

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