Electron 개발하기

  • View
    209

  • Download
    0

Embed Size (px)

Transcript

  • Electron

    ABCD

  • 20134 AtomShell.

    20145 AtomShell.

    20154 Electron.

    20165 Electronv1.0.0.

    20165 ElectronMacAppStore.

    20168 WindowsStoreElectron.

    History

    https://github.com/electron/electron/commit/6ef8875b1e93787fa9759f602e7880f28e8e6b45http://blog.atom.io/2014/05/06/atom-is-now-open-source.htmlhttps://github.com/electron/electron/pull/1389https://electron.atom.io/blog/2016/05/11/electron-1-0https://electron.atom.io/docs/tutorial/mac-app-store-submission-guidehttps://electron.atom.io/docs/tutorial/windows-store-guide

  • Chromium

    Chromium

  • Process

  • (view)

    nodejs

    Process

  • ipcRendererhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/api/ipc-renderer.md

    ipcMainhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/api/ipc-main.md

    https://github.com/electron/electron/blob/master/docs-translations/ko-KR/api/ipc-renderer.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/api/ipc-renderer.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/api/ipc-main.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/api/ipc-main.md

  • view

    /

  • $npminstall-gelectron-prebuilt

    $npminstall--save-develectron-prebuilt

    Nodejshttps://nodejs.org/ko/download/

    https://nodejs.org/ko/download/

  • HelloWorld

    package.json

    {"name":"hello-electron","version":"0.1.0","main":"main.js"}

    main.js index.html

    mainprocess rendererprocess

    addSync

    https://github.com/ABoutCoDing/electron-basic-app

    (github)

    https://github.com/ABoutCoDing/electron-basic-app

  • RendererProcess

    win.webContents.openDevTools();

  • BattleShipHeadfirstJavascriptPrograming

    https://github.com/ABoutCoDing/electron-battleship-app

    (github)

    https://github.com/ABoutCoDing/electron-battleship-app

  • MVC(Renderer)

    (Main)

    https://electron.atom.io/docs/api/menu/

    CODE

    https://electron.atom.io/docs/api/menu/

  • Packaging

    1.prebuildappdownloadhttps://github.com/electron/electron/releases

    2.

    https://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-distribution.md

    3.copy&pasteelectron/Electron.app/Contents/Resources/app/

    option.

    https://github.com/electron/electron/releaseshttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-distribution.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-distribution.md

  • MACOSControl

  • PackagingReference

    https://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-distribution.md

    https://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/windows-store-guide.md

    -electron-builderhttps://github.com/electron-userland/electron-builder-electron-packagerhttps://github.com/electron-userland/electron-packager

    asarhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-packaging.md

    https://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-distribution.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-distribution.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/windows-store-guide.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/windows-store-guide.mdhttps://github.com/electron-userland/electron-builderhttps://github.com/electron-userland/electron-packagerhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-packaging.mdhttps://github.com/electron/electron/blob/master/docs-translations/ko-KR/tutorial/application-packaging.md

  • https://github.com/electron/electron/tree/master/docs-translations/ko-KR

    https://electron.atom.io/docs/

    Electron

    https://github.com/electron/electron/tree/master/docs-translations/ko-KRhttps://electron.atom.io/docs/

  • .:)

    abcds.kr

    mailto:http://abcds.krhttps://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://abcds.slack.com/https://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://github.com/ABoutCoDinghttps://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/https://www.facebook.com/groups/aboutCoding/