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

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

๋ฆฌ์•กํŠธ - ์Œ์„ฑ์„ ํ…์ŠคํŠธ๋กœ(react-speech-recognition) docs https://github.com/JamesBrill/react-speech-recognition/blob/master/docs/API.md GitHub - JamesBrill/react-speech-recognition: ๐Ÿ’ฌSpeech recognition for your React app ๐Ÿ’ฌSpeech recognition for your React app. Contribute to JamesBrill/react-speech-recognition development by creating an account on GitHub. github.com npm https://www.npmjs.com/package/react-speech-recognition#developing react-speech.. 2022. 11. 4.
์ผ๋ ‰ํŠธ๋ก  - ๋ถ€ํŠธ์ŠคํŠธ๋žฉ(bootstrap) ์ ์šฉ ๋ชจ๋“ˆ ๋‹ค์šด๋กœ๋“œ npm install –save jquery npm install –save bootstrap bootstrap import TEST BTN ์ถœ์ฒ˜: https://akageun.github.io/2018/08/22/electron-bs4.html [Electron.js] Bootstrap 4 ์‚ฌ์šฉํ•˜๊ธฐ. ์–ธ์ œ๋‚˜ ๊ฐœ๋ฐœํ•˜๊ธฐ๋ฅผ ์ฆ๊ธฐ๋Š” ๊ฐœ๋ฐœ์ž ์ž…๋‹ˆ๋‹ค. akageun.github.io 2022. 11. 1.
Electron - Preload์—์„œ npm ๋ชจ๋“ˆ ์‚ฌ์šฉํ•˜๊ธฐ random์ด๋ผ๋Š” ๋ชจ๋“ˆ์„ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„ ๊ฒฝ์šฐ main.js const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true, preload: path.join(__dirname, 'preload.js') } }) webPreferences ๊ฐ์ฒด์— nodeIntegration: true๋ฅผ ์ถ”๊ฐ€ํ•œ๋‹ค. preload.js const random = require('random') window.addEventListener('DOMContentLoaded', () => { document.querySelector("#btn").addEventListener("click", ()=>{ aler.. 2022. 10. 31.
๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ - WebView ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์กฐ์ž‘ & WebView์™€ ์•ฑ ๋ฉ”์‹œ์ง€ ์ „๋‹ฌ import * as React from 'react'; import { WebView } from 'react-native-webview'; import { StyleSheet } from 'react-native'; import Constants from 'expo-constants'; export default function App() { return ( {console.log(event.nativeEvent.data)}} /> ); } const styles = StyleSheet.create({ container: { flex: 1, marginTop: Constants.statusBarHeight, }, }); ์ฐธ๊ณ : https://docs.expo.dev/versions/latest/sdk.. 2022. 10. 21.
๋ฆฌ์•กํŠธ - UI ํ”„๋ ˆ์ž„์›Œํฌ(MUI) https://mui.com/ MUI: The React component library you always wanted MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. mui.com 2022. 10. 15.
๋ฆฌ์•กํŠธ - ํ† ์ŠคํŠธ ํŒ์—…(React-Toastify) ๋ชจ๋“ˆ https://fkhadra.github.io/react-toastify/introduction React-toastify | React-Toastify [![Financial Contributors on Open Collective](https://opencollective.com/react-toastify/all/badge.svg?label=financial+contributors)](https://opencollective.com/react-toastify) ![Travis (.org)](https://img.shields.io/travis/fkhadra/react-toastify.svg?label= fkhadra.github.io 2022. 10. 15.
๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ - MapView Marker ์‚ฌ์šฉ ์˜ˆ์ œ import * as React from 'react'; import MapView from 'react-native-maps'; import { StyleSheet, Text, View, Dimensions } from 'react-native'; export default function App() { return ( ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, map: { width: Dimensions.get('window').width, height: Dimensions.get('window')... 2022. 10. 14.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ๋‚ด ์ปดํ“จํ„ฐ GPU(๊ทธ๋ž˜ํ”ฝ ์นด๋“œ) ์ •๋ณด ๊ฐ€์ ธ์˜ค๊ธฐ(WebGL) var canvas = document.createElement('canvas'); var gl; var debugInfo; var vendor; var renderer; try { gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); } catch (e) { } if (gl) { debugInfo = gl.getExtension('WEBGL_debug_renderer_info'); vendor = gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL); renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL); } console.log(.. 2022. 10. 12.
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - Pure JavaScript HTML5 to (Animated) GIF Conversion HTML5๋ฅผ GIF๋กœ ๋ณ€ํ™˜ ์‹œํ‚ค๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ https://github.com/antimatter15/jsgif/ GitHub - antimatter15/jsgif: Save a HTML5 Canvas to GIF and Animations. A port of as3gif GIFPlayer to JS Save a HTML5 Canvas to GIF and Animations. A port of as3gif GIFPlayer to JS - GitHub - antimatter15/jsgif: Save a HTML5 Canvas to GIF and Animations. A port of as3gif GIFPlayer to JS github.com 2022. 10. 12.
ํ”„๋ก ํŠธ์—”๋“œ - ํ•œ์ค„๋กœ ๋‚ ๋ผ์˜จ JavaScript ์ด์˜๊ฒŒ ๋ณ€ํ™˜ํ•˜๋Š” ์‚ฌ์ดํŠธ https://codebeautify.org/javascript-pretty-print Javascript Pretty Print online Online JavaScript Pretty Print to pretty Javascript and Print JavaScript online. codebeautify.org 2022. 10. 12.
ํ”„๋ก ํŠธ์—”๋“œ - ํด๋ผ์ด์–ธํŠธ ์š”์ฒญ ํ—ค๋” ํ™•์ธํ•˜๋Š” ์‚ฌ์ดํŠธ (httpbin/headers) Accept, Accept-Encoding, Accept-Language, Host, User-Agent ๋“ฑ๋“ฑ https://www.httpbin.org/headers 2022. 10. 11.
๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ - ์œ ์šฉํ•œ ์‚ฌ์ดํŠธ ๋ชจ์Œ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๊ณต์‹ ๋ฌธ์„œ https://reactnative.dev/ React Native · Learn once, write anywhere A framework for building native apps using React reactnative.dev ์•ฑ์ด๋‚˜ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ผ์ด๋ธŒ ์‹คํ–‰ ์ง€์›ํ•˜๋Š” ์‚ฌ์ดํŠธ https://snack.expo.dev/ Snack - React Native in the browser Write code in Expo's online editor and instantly use it on your phone. snack.expo.dev Expo SDK(์นด๋ฉ”๋ผ, ํด๋ฆฝ๋ณด๋“œ, ์˜ค๋””์˜ค ๊ด€๋ จ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ) https://docs.expo.dev/versions/latest/ API R.. 2022. 10. 10.
728x90

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