๐Ÿš€ ์›น ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ GitHub์˜ 10๊ฐ€์ง€ ์ตœ์‹  ํ”„๋กœ์ ํŠธ - 2020๋…„ 8์›” 7์ผ

36401 ๋‹จ์–ด reacttypescriptwebdevjavascript
Trending Projects๋Š” ์ฃผ๊ฐ„ ๋‰ด์Šค๋ ˆํ„ฐ๋กœ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. ๋ฌธ์ œ๋ฅผ ๋†“์น˜์ง€ ์•Š์œผ๋ ค๋ฉด www.iainfreestone.com์—์„œ ๋“ฑ๋กํ•˜์‹ญ์‹œ์˜ค.

1. ์ž‰ํฌ



Ink๋Š” React๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ๊ณผ ๋™์ผํ•œ ๊ตฌ์„ฑ ์š”์†Œ ๊ธฐ๋ฐ˜ UI ๊ตฌ์ถ• ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜์ง€๋งŒ ๋ช…๋ น์ค„ ์•ฑ์šฉ์ž…๋‹ˆ๋‹ค. Yoga๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ„ฐ๋ฏธ๋„์—์„œ Flexbox ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์ถ•ํ•˜๋ฏ€๋กœ ๋Œ€๋ถ€๋ถ„์˜ CSS์™€ ์œ ์‚ฌํ•œ ์†Œํ’ˆ์„ Ink์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ React์— ์ต์ˆ™ํ•˜๋‹ค๋ฉด Ink๋„ ์ด๋ฏธ ์•Œ๊ณ  ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.


๋ฐ”๋”ค๋ฐ๋ฉ”๋ฐ์Šค / ์ž‰ํฌ


๐ŸŒˆ ๋Œ€ํ™”ํ˜• ๋ช…๋ น์ค„ ์•ฑ์— ๋Œ€ํ•œ ๋ฐ˜์‘











React for CLIs. Build and test your CLI output using components.




Ink๋Š” React๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ๊ณผ ๋™์ผํ•œ ๊ตฌ์„ฑ ์š”์†Œ ๊ธฐ๋ฐ˜ UI ๊ตฌ์ถ• ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜์ง€๋งŒ ๋ช…๋ น์ค„ ์•ฑ์šฉ์ž…๋‹ˆ๋‹ค.
Yoga์„ ์‚ฌ์šฉํ•˜์—ฌ ํ„ฐ๋ฏธ๋„์—์„œ Flexbox ๋ ˆ์ด์•„์›ƒ์„ ๋นŒ๋“œํ•˜๋ฏ€๋กœ ๋Œ€๋ถ€๋ถ„์˜ CSS์™€ ์œ ์‚ฌํ•œ ์†Œํ’ˆ์„ Ink์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ด๋ฏธ React์— ์ต์ˆ™ํ•˜๋‹ค๋ฉด Ink๋„ ์ด๋ฏธ ์•Œ๊ณ  ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
Ink๋Š” React ๋ Œ๋”๋Ÿฌ์ด๋ฏ€๋กœ React์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์ด ์ง€์›๋œ๋‹ค๋Š” ์˜๋ฏธ์ž…๋‹ˆ๋‹ค.
์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์„ค๋ช…์„œ๋Š” React ์›น ์‚ฌ์ดํŠธ๋กœ ์ด๋™ํ•˜์‹ญ์‹œ์˜ค.
์ด ์ถ”๊ฐ€ ์ •๋ณด์—๋Š” Ink์˜ ๋ฐฉ๋ฒ•๋งŒ ์„ค๋ช…๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
์ฐธ๊ณ : ์ด๊ฒƒ์€ Ink 3์— ๋Œ€ํ•œ ๋ฌธ์„œ์ž…๋‹ˆ๋‹ค. Ink 2์— ๋Œ€ํ•œ ๋ฌธ์„œ๋ฅผ ์ฐพ๊ณ  ์žˆ๋‹ค๋ฉด this release์„ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค. Ink 2์˜ migration guide๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ค์น˜

$ npm install ink react

์šฉ๋ฒ•


import React, {useState, useEffect} from 'react';
import {render, Text} from
โ€ฆ

2. ํ”Œ๋กœ์œ„

A javascript library to create pretty flowcharts with ease.

์•Œ๋ฆฌ์‚ฌ์Šˆ / ํ๋ฅด๋Š”

์ˆœ์„œ๋„๋ฅผ ๋งŒ๋“œ๋Š” ์ตœ์†Œํ•œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ โœจ

ํ”Œ๋กœ์œ„


A javascript library to create pretty flowcharts with ease โœจ

Dribbble | | Live demo

Flowy makes creating WebApps with flowchart functionality an incredibly simple task. Build automation software, mind mapping tools, or simple programming platforms in minutes by implementing the library into your project.

Made by Alyssa X

๋ชฉ์ฐจ

ํŠน์ง•

Currently, Flowy supports the following:

  • Responsive drag and drop
  • Automatic snapping
  • Automatic scrolling
  • Block rearrangement
  • Delete blocks
  • Automatic block centering
  • Conditional snapping
  • Conditional block removal
  • Import saved files
  • Mobile support
  • Vanilla javascript (no dependencies)
  • npm install

You can suggest new features here

์„ค์น˜

Adding Flowy to your WebApp is incredibly simple:

  1. Link flowy.min.js and flowy.min.css to your project. Through jsDelivr:
<link rel="stylesheet" href="
โ€ฆ

3. ๋„ค์ดํ‹ฐ๋ธŒํŒŒ์ด์–ด

Nativefier is a command-line tool to easily create a desktop app for any web site with minimal configuration. Apps are wrapped by Electron (which uses Chromium under the hood) in an OS executable (.app, .exe, etc) for use on Windows, macOS and Linux.

๋„ค์ดํ‹ฐ๋ธŒํŒŒ์ด์–ด / ๋„ค์ดํ‹ฐ๋ธŒํŒŒ์ด์–ด

๋ชจ๋“  ์›น ํŽ˜์ด์ง€๋ฅผ ๋ฐ์Šคํฌํ†ฑ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ ๋งŒ๋“ค๊ธฐ

๋„ค์ดํ‹ฐ๋ธŒํŒŒ์ด์–ด

You want to make a native wrapper for WhatsApp Web (or any web page).

nativefier 'web.whatsapp.com'

You're done.

์†Œ๊ฐœ

Nativefier is a command-line tool to easily create a desktop app for any web site with minimal configuration. Apps are wrapped by Electron (which uses Chromium under the hood) in an OS executable (.app, .exe, etc) for use on Windows, macOS and Linux.

I did this because I was tired of having to โŒ˜-tab or alt-tab to my browser and then search through the numerous open tabs when I was using Facebook Messenger or Whatsapp Web (HN thread). Nativefier features:

  • Automatically retrieval of app icon / name.
  • JavaScript and CSS injection.
  • Many more, see the API docs or nativefier --help

์„ค์น˜


4. ํ’€์บ˜๋ฆฐ๋”

A full-sized drag & drop JavaScript event calendar

ํ’€์บ˜๋ฆฐ๋” / ํ’€์บ˜๋ฆฐ๋”

์ „์ฒด ํฌ๊ธฐ์˜ ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ ์ด๋ฒคํŠธ ์บ˜๋ฆฐ๋”





5. GPT-3 ์ƒŒ๋“œ๋ฐ•์Šค

The goal of this project is to enable users to create cool web demos using the newly released OpenAI GPT-3 API with just a few lines of Python.

์Šˆ๋ ˆ์•ผ์ƒจ์นด๋ฅด / gpt3-์ƒŒ๋“œ๋ฐ•์Šค

์ด ํ”„๋กœ์ ํŠธ์˜ ๋ชฉํ‘œ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ๋ช‡ ์ค„์˜ Python์œผ๋กœ ์ƒˆ๋กœ ์ถœ์‹œ๋œ OpenAI GPT-3 API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฉ‹์ง„ ์›น ๋ฐ๋ชจ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

GPT-3 ์ƒŒ๋“œ๋ฐ•์Šค: ๋ช‡ ๋ถ„ ๋งŒ์— ์•„์ด๋””์–ด๋ฅผ ๋ฐ๋ชจ๋กœ ์ „ํ™˜

Initial release date: 19 July 2020

Note that this repository is not under any active development; just basic maintenance.

์„ค๋ช…

The goal of this project is to enable users to create cool web demos using the newly released OpenAI GPT-3 API with just a few lines of Python.

This project addresses the following issues:

  1. Automatically formatting a user's inputs and outputs so that the model can effectively pattern-match
  2. Creating a web app for a user to deploy locally and showcase their idea

Here's a quick example of priming GPT to convert English to LaTeX:

# Construct GPT object and show some examples
gpt = GPT(engine="davinci"
          temperature=0.5,
          max_tokens=100)
gpt.add_example(Example('Two plus two equals four', '2 + 2 = 4'))
gpt.add_example(Example('The integral from zero to infinity', '\\int_0^{\\infty}'))
gpt.add_example(Example('The gradient of x squared plus two times x with respect to x', '\\nabla_x
โ€ฆ

View on GitHub



6. ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ ์›Œํฌํ”Œ๋กœ



์ด github ์ž‘์—…์„ ์‚ฌ์šฉํ•˜์—ฌ Github ํ”„๋กœํ•„/ํ”„๋กœ์ ํŠธ readme์— ๋‹ค์–‘ํ•œ ์†Œ์Šค์˜ ์ตœ์‹  ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ์„ ์ž๋™์œผ๋กœ ๋‚˜์—ดํ•ฉ๋‹ˆ๋‹ค.


๊ฐ€์šฐํƒํฌ๋ฆฌ์Šˆ๋‚˜๋ฅด / ๋ธ”๋กœ๊ทธ-ํฌ์ŠคํŠธ-์›Œํฌํ”Œ๋กœ์šฐ


RSS ํ”ผ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GitHub ํ”„๋กœํ•„/ํ”„๋กœ์ ํŠธ ์ถ”๊ฐ€ ์ •๋ณด์— ๋ชจ๋“  ์†Œ์Šค์˜ ์ตœ์‹  ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ, StackOverflow ํ™œ๋™ ๋˜๋Š” Youtube ๋น„๋””์˜ค๋ฅผ ์ž๋™์œผ๋กœ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.





๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ ์›Œํฌํ”Œ๋กœ



์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•


  • ์ด ์ €์žฅ์†Œ์— ๋ณ„ํ‘œ๋ฅผ ํ‘œ์‹œํ•˜์„ธ์š” ๐Ÿ˜‰
  • ์ €์žฅ์†Œ๋กœ ์ด๋™
  • README.md ํŒŒ์ผ์— ๋‹ค์Œ ์„น์…˜์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์›ํ•˜๋Š” ์ œ๋ชฉ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. readme์—์„œ <!-- BLOG-POST-LIST:START --><!-- BLOG-POST-LIST:END -->๋ฅผ ์‚ฌ์šฉํ–ˆ๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค. ์›Œํฌํ”Œ๋กœ๋Š” ์ด ๋Œ“๊ธ€์„ ์‹ค์ œ ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ ๋ชฉ๋ก์œผ๋กœ ๋Œ€์ฒดํ•ฉ๋‹ˆ๋‹ค.
  • # Blog posts
    <!-- BLOG-POST-LIST:START -->
    <!-- BLOG-POST-LIST:END -->
    • Create a folder named .github and create a workflows folder inside it if it doesn't exist.
    • Create a new file named blog-post-workflow.yml with the following contents inside the workflows folder:
    name: Latest blog post workflow
    on
      schedule: # Run workflow automatically
        - cron: '0 * * * *' # Runs every hour, on the hour
      workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly
    jobs:
      update-readme-with-blog:
        
    โ€ฆ

    7. ์Šคํ…์‹ค

    Stencil is a simple compiler for generating Web Components and static site generated progressive web apps (PWA). Stencil was built by the Ionic team for its next generation of performant mobile and desktop Web Components.

    ์ด์˜จ ํŒ€ / ์›ํŒ

    TypeScript ๋ฐ ์›น ๊ตฌ์„ฑ ์š”์†Œ ํ‘œ์ค€ ์œ„์— ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ์ง€์› ๊ตฌ์„ฑ ์š”์†Œ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•œ ๋„๊ตฌ ์ฒด์ธ์ž…๋‹ˆ๋‹ค. ์Šคํ…์‹ค ๊ตฌ์„ฑ ์š”์†Œ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ํ”„๋ ˆ์ž„์›Œํฌ์— ๊ตฌ์• ๋ฐ›์ง€ ์•Š๋Š” ๋‹จ์ผ ์ฝ”๋“œ๋ฒ ์ด์Šค์—์„œ React, Angular, Vue ๋ฐ ๊ธฐ์กด ์›น ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ์Šคํ…์‹ค: ์›น ๊ตฌ์„ฑ ์š”์†Œ ๋ฐ PWA์šฉ ์ปดํŒŒ์ผ๋Ÿฌ

    npm init stencil

    Stencil is a simple compiler for generating Web Components and static site generated progressive web apps (PWA). Stencil was built by the Ionic team for its next generation of performant mobile and desktop Web Components.

    Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, an asynchronous rendering pipeline to ensure smooth running animations, lazy-loading out of the box, and generates 100% standards-based Web Components that run on both modern browsers and legacy browsers.

    Stencil components are just Web Components, so they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend frameworks given the capabilities now available in the browser, though using it as such is certainly not required.

    โ€ฆ


    8. ๋ชจ๋“  ๊ฒƒ์„ ๋ณดํ˜ธํ•˜๋Š” ๋ฐฉ๋ฒ•

    Its lessons are not just applicable to computer security. In fact, in this repo, I aim to document a process for securing anything, whether it's a medieval castle, an art museum, or a computer network.

    ๋น„๋ž„ ํŒŒํ…” / ๋ฌด์—‡์ด๋“  ๋ณด์•ˆํ•˜๋Š” ๋ฐฉ๋ฒ•

    ๋ฌด์—‡์ด๋“  ์ฒด๊ณ„์ ์œผ๋กœ ๋ณดํ˜ธํ•˜๋Š” ๋ฐฉ๋ฒ•: ๋ณด์•ˆ ๊ณตํ•™์— ๋Œ€ํ•œ ์ €์žฅ์†Œ

    ๋ชจ๋“  ๊ฒƒ์„ ๋ณดํ˜ธํ•˜๋Š” ๋ฐฉ๋ฒ•

    Security engineering is the discipline of building secure systems.

    Its lessons are not just applicable to computer security. In fact, in this repo, I aim to document a process for securing anything, whether it's a medieval castle, an art museum, or a computer network.

    Please contribute! Create a pull request or just create a issue for content you'd like to add: I'll add it for you!

    ๋ชฉ์ฐจ


    9. Babylon.js

    Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

    BabylonJS / Babylon.js

    Babylon.js๋Š” ์นœ์ˆ™ํ•œ JavaScript ํ”„๋ ˆ์ž„์›Œํฌ์— ํฌํ•จ๋œ ๊ฐ•๋ ฅํ•˜๊ณ  ์•„๋ฆ„๋‹ต๊ณ  ๋‹จ์ˆœํ•˜๋ฉฐ ๊ฐœ๋ฐฉ์ ์ธ ๊ฒŒ์ž„ ๋ฐ ๋ Œ๋”๋ง ์—”์ง„์ž…๋‹ˆ๋‹ค.

    Babylon.js

    Getting started? Play directly with the Babylon.js API using our playground. It also contains a lot of samples to learn how to use it.

    Any questions? Here is our official forum.

    CDN

    Additional references can be found on https://cdn.babylonjs.com/xxx where xxx is the folder structure you can find in the /dist folder like https://cdn.babylonjs.com/gui/babylon.gui.min.js

    For the preview release, use the following URLs:

    Additional references can be found on https://preview.babylonjs.com/xxx where xxx is the folder structure you can find in the /dist/preview release folder like https://preview.babylonjs.com/gui/babylon.gui.min.js

    npm

    BabylonJS and its modules are published on npm with full typing support. To install, use:

    npm install babylonjs --save
    
    ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ๋‹ค์Œ์„ ์‚ฌ์šฉํ•˜์—ฌ BabylonJS๋ฅผ ์™„์ „ํžˆ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    import * as BABYLON from 'babylonjs';

    ๋˜๋Š” ๋‹ค์Œ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฐœ๋ณ„ ์ˆ˜์—…:
    import { Scene, Engine } from 'babylonjs';

    TypeScript๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ 'babylonjs'๋ฅผ ๋‹ค์Œ ํ•ญ๋ชฉ์— ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์„ ์žŠ์ง€ ๋งˆ์„ธ์š”.

    View on GitHub



    10. ์ „์ž ๋ฐ”์ด์˜ฌ๋ฆฐ



    Electron Fiddle์„ ์‚ฌ์šฉํ•˜๋ฉด ์†Œ๊ทœ๋ชจ Electron ์‹คํ—˜์„ ๋งŒ๋“ค๊ณ  ํ”Œ๋ ˆ์ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ด๋ฉด ๋น ๋ฅธ ์‹œ์ž‘ ํ…œํ”Œ๋ฆฟ์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๋ช‡ ๊ฐ€์ง€ ์‚ฌํ•ญ์„ ๋ณ€๊ฒฝํ•˜๊ณ  ์‹คํ–‰ํ•˜๋ ค๋Š” Electron ๋ฒ„์ „์„ ์„ ํƒํ•œ ๋‹ค์Œ ์‚ฌ์šฉํ•ด ๋ณด์„ธ์š”. ๊ทธ๋Ÿฐ ๋‹ค์Œ Fiddle์„ GitHub Gist ๋˜๋Š” ๋กœ์ปฌ ํด๋”๋กœ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.


    ์ „์ž / ๊นก๊นก์ด


    :electron: ๐Ÿš€ Electron์„ ์‹œ์ž‘ํ•˜๋Š” ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ•





    ์ „์ž ๋ฐ”์ด์˜ฌ๋ฆฐ




    Electron Fiddle์„ ์‚ฌ์šฉํ•˜๋ฉด ์†Œ๊ทœ๋ชจ Electron ์‹คํ—˜์„ ๋งŒ๋“ค๊ณ  ํ”Œ๋ ˆ์ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ
    ์—ด๋ฉด ๋น ๋ฅธ ์‹œ์ž‘ ํ…œํ”Œ๋ฆฟ์œผ๋กœ ์ธ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋ช‡ ๊ฐ€์ง€ ์‚ฌํ•ญ์„ ๋ณ€๊ฒฝํ•˜์„ธ์š”.
    ์‹คํ–‰ํ•  Electron ๋ฒ„์ „์„ ์„ ํƒํ•˜๊ณ  ๋†€์•„๋ณด์„ธ์š”. ๊ทธ ๋‹ค์Œ์—
    Fiddle์„ GitHub Gist ๋˜๋Š” ๋กœ์ปฌ ํด๋”์— ์ €์žฅํ•ฉ๋‹ˆ๋‹ค. ๊ฒŒ์‹œ ํ›„
    GitHub์—์„œ ๋ˆ„๊ตฌ๋“ ์ง€ ์ž…๋ ฅํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด Fiddle์„ ๋น ๋ฅด๊ฒŒ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    ์ฃผ์†Œ ํ‘œ์‹œ ์ค„.
    Download Fiddle now!

    ํŠน์ง•


    Electron ์‚ดํŽด๋ณด๊ธฐ



    ์ข…์† ํ•ญ๋ชฉ์„ ์„ค์น˜ํ•˜์ง€ ์•Š๊ณ  Electron์„ ์‚ฌ์šฉํ•ด ๋ณด์„ธ์š”. Fiddle์—๋Š” ๋ชจ๋“  ๊ฒƒ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
    ํ”Œ๋žซํผ์„ ํƒ์ƒ‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๋ชจ๋“  API์— ๋Œ€ํ•œ ์˜ˆ์ œ๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
    Electron์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    BrowserView์€(๋Š”) ๋˜๋Š” ์–ด๋–ป๊ฒŒdesktopCapturer
    Fiddle์ด ๋„์™€๋“œ๋ฆฝ๋‹ˆ๋‹ค.

    ์œ ํ˜•์ด ์žˆ๋Š” ์ฝ”๋“œ



    Fiddle์—๋Š” Microsoft์˜ ์šฐ์ˆ˜ํ•œ Monaco Editor๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์œผ๋ฉฐ ๋™์ผํ•œ ํŽธ์ง‘๊ธฐ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.
    ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ. ๋˜ํ•œ ๋‹ค์Œ์— ๋Œ€ํ•œ ์œ ํ˜• ์ •์˜๋ฅผ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค.

    View on GitHub



    Trending Projects๋Š” ์ฃผ๊ฐ„ ๋‰ด์Šค๋ ˆํ„ฐ๋กœ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. ๋ฌธ์ œ๋ฅผ ๋†“์น˜์ง€ ์•Š์œผ๋ ค๋ฉด www.iainfreestone.com์—์„œ ๋“ฑ๋กํ•˜์‹ญ์‹œ์˜ค.

    ์ด ๊ธฐ์‚ฌ๊ฐ€ ๋งˆ์Œ์— ๋“œ์…จ๋‹ค๋ฉด Twitter์—์„œ HTML, CSS ๋ฐ JavaScript์™€ ๊ด€๋ จ๋œ ๋ฐ”์ดํŠธ ํฌ๊ธฐ ํŒ์„ ์ •๊ธฐ์ ์œผ๋กœ ๊ฒŒ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ