Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[MASOCON 2017] Electron, TypeScript #성공적 - 이웅재 운영진/서울JS

MICROSOFTWARE
November 27, 2017

[MASOCON 2017] Electron, TypeScript #성공적 - 이웅재 운영진/서울JS

2017년 11월 25일 마이크로소프트웨어 개발자 콘퍼런스, 마소콘 2017
Electron, TypeScript #성공적 - 이웅재 운영진/서울JS

MICROSOFTWARE

November 27, 2017
Tweet

More Decks by MICROSOFTWARE

Other Decks in Programming

Transcript

  1. Electron, TypeScript
    #ࢿҕ੸
    MASOCON 2017

    View full-size slide

  2. উ֞ೞࣁਃ! ੉ਔ੤ ੑפ׮.
    Hello! I’m Mark.
    MASOCON 2017

    View full-size slide

  3. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017

    View full-size slide

  4. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017
    - Microsoft MVP

    - JavaScript / TypeScript

    View full-size slide

  5. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017
    - Microsoft MVP

    - JavaScript / TypeScript
    - 2nd Administrator

    - Electron Korea
    - Organizer

    - TypeScript Korea User Group

    View full-size slide

  6. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017
    - Microsoft MVP

    - JavaScript / TypeScript
    - 2nd Administrator

    - Electron Korea
    - Organizer

    - TypeScript Korea User Group
    - Organizer, Prepare Conference like Pycon

    - Seoul.js

    View full-size slide

  7. Ӓېࢲ ੗֎ח ޖ঺ਸ ٜ݅঻חо ??
    MASOCON 2017

    View full-size slide

  8. য۷ਸٸח !!!
    MASOCON 2017

    View full-size slide

  9. য۷ਸٸח !!!
    ݽ߄ੌ য೒ܻா੉࣌ਸ ѐߊ ೮णפ׮.
    MASOCON 2017

    View full-size slide

  10. য۷ਸٸח !!!
    ݽ߄ੌ য೒ܻா੉࣌ਸ ѐߊ ೮णפ׮.
    ૑Әب যܻ૑݅…
    MASOCON 2017

    View full-size slide

  11. Ӓۢ ૑Ә਷ ???
    MASOCON 2017

    View full-size slide

  12. Ӓۢ ૑Ә਷ ???
    ؘझ௼఑ য೒ܻா੉࣌ਸ ٜ݅Ҋ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  13. Ӓۢ ૑Ә਷ ???
    ؘझ௼఑ য೒ܻா੉࣌ਸ ٜ݅Ҋ ੓णפ׮.
    macOS ৬ Windows ীࢲ ࢎਊೞח ోਸ ٜ݅Ҋ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  14. MASOCON 2017

    View full-size slide

  15. MASOCON 2017

    View full-size slide

  16. ProtoPie ח Electron ਵ۽ ٜ݅Ҋ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  17. MASOCON 2017

    View full-size slide

  18. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب


    MASOCON 2017

    View full-size slide

  19. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب


    MASOCON 2017
    macOS
    Windows
    Linux

    View full-size slide

  20. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,


    MASOCON 2017

    View full-size slide

  21. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,


    MASOCON 2017
    Chromium’s content module
    (build) => libchromiumcontent

    View full-size slide

  22. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,

    MASOCON 2017

    View full-size slide

  23. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,

    MASOCON 2017

    View full-size slide

  24. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,
    - JavaScript ۽ OS ৬ োѾػ Node.js ܳ ৮੹൤ ࢎਊೡ ࣻ ੓Ҋ,

    MASOCON 2017

    View full-size slide

  25. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,
    - JavaScript ۽ OS ৬ োѾػ Node.js ܳ ৮੹൤ ࢎਊೡ ࣻ ੓Ҋ,

    MASOCON 2017

    View full-size slide

  26. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,
    - JavaScript ۽ OS ৬ োѾػ Node.js ܳ ৮੹൤ ࢎਊೡ ࣻ ੓Ҋ,
    - Node.js ੄ (Native ನೣ) npm ݽٕਸ ੉ਊೡ ࣻ ੓ח
    MASOCON 2017

    View full-size slide

  27. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,
    - JavaScript ۽ OS ৬ োѾػ Node.js ܳ ৮੹൤ ࢎਊೡ ࣻ ੓Ҋ,
    - Node.js ੄ (Native ನೣ) npm ݽٕਸ ੉ਊೡ ࣻ ੓ח
    MASOCON 2017

    View full-size slide

  28. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,
    - JavaScript ۽ OS ৬ োѾػ Node.js ܳ ৮੹൤ ࢎਊೡ ࣻ ੓Ҋ,

    - Node.js ੄ (Native ನೣ) npm ݽٕਸ ੉ਊೡ ࣻ ੓ח
    - Ӓ۞ೠ ೐ۨ੐ਕ௼
    MASOCON 2017

    View full-size slide

  29. - ؘझ௼఑ য೒ܻா੉࣌ਸ ݅٘ח ਊب
    - HTML / CSS / JavaScript ۽ UI ܳ ٜ݅Ҋ,

    - JavaScript ۽ OS ৬ োѾػ Electron Api ܳ ࢎਊೞҊ,
    - JavaScript ۽ OS ৬ োѾػ Node.js ܳ ৮੹൤ ࢎਊೡ ࣻ ੓Ҋ,

    - Node.js ੄ (Native ನೣ) npm ݽٕਸ ੉ਊೡ ࣻ ੓ח
    - Ӓ۞ೠ ೐ۨ੐ਕ௼
    MASOCON 2017

    View full-size slide

  30. MASOCON 2017

    View full-size slide

  31. Electron ਵ۽ ݅ٚѤ ޖ঺੉ ੓חо ??
    = যڃѦ ೡࣻ ੓աਃ ??
    MASOCON 2017

    View full-size slide

  32. MASOCON 2017

    View full-size slide

  33. MASOCON 2017

    View full-size slide

  34. MASOCON 2017

    View full-size slide

  35. MASOCON 2017

    View full-size slide

  36. MASOCON 2017

    View full-size slide

  37. MASOCON 2017

    View full-size slide

  38. MASOCON 2017

    View full-size slide

  39. MASOCON 2017

    View full-size slide

  40. MASOCON 2017

    View full-size slide

  41. ೞҊ र਷Ѣ ׮ ೞࣁਃ !!
    MASOCON 2017

    View full-size slide

  42. History
    MASOCON 2017

    View full-size slide

  43. - node-webkit ਸ ӝরೞभפө ??
    MASOCON 2017

    View full-size slide

  44. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    MASOCON 2017

    View full-size slide

  45. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    MASOCON 2017

    View full-size slide

  46. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    MASOCON 2017

    View full-size slide

  47. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    - ‘Cheng Zhao’ о ੋభীࢲ ੋఢ(?)ೞݶࢲ ੉ ೐۽ં౟ী ଵৈ
    MASOCON 2017

    View full-size slide

  48. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    - ‘Cheng Zhao’ о ੋభীࢲ ੋఢ(?)ೞݶࢲ ੉ ೐۽ં౟ী ଵৈ
    - ‘Cheng Zhao’ о ӥ೸ਵ۽ оࢲ Atom Editor ܳ ٜ݅ӝ ਤೠ ূ૓ਸ ѐߊ
    MASOCON 2017

    View full-size slide

  49. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    - ‘Cheng Zhao’ о ੋభীࢲ ੋఢ(?)ೞݶࢲ ੉ ೐۽ં౟ী ଵৈ
    - ‘Cheng Zhao’ о ӥ೸ਵ۽ оࢲ Atom Editor ܳ ٜ݅ӝ ਤೠ ূ૓ਸ ѐߊ
    - Ӓ ূ૓੄ ੉ܴ਷ atom-shell
    MASOCON 2017

    View full-size slide

  50. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    - ‘Cheng Zhao’ о ੋభীࢲ ੋఢ(?)ೞݶࢲ ੉ ೐۽ં౟ী ଵৈ
    - ‘Cheng Zhao’ о ӥ೸ਵ۽ оࢲ Atom Editor ܳ ٜ݅ӝ ਤೠ ূ૓ਸ ѐߊ
    - Ӓ ূ૓੄ ੉ܴ਷ atom-shell
    - atom-shell ੄ ੉ܴਸ electron ਵ۽ ߸҃ೞҊ ࠄѺ੸ਵ۽ য়೑ࣗझ۽ օ
    ܻ ಌ૑ӝ द੘
    MASOCON 2017

    View full-size slide

  51. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    - ‘Cheng Zhao’ о ੋభীࢲ ੋఢ(?)ೞݶࢲ ੉ ೐۽ં౟ী ଵৈ
    - ‘Cheng Zhao’ о ӥ೸ਵ۽ оࢲ Atom Editor ܳ ٜ݅ӝ ਤೠ ূ૓ਸ ѐߊ
    - Ӓ ূ૓੄ ੉ܴ਷ atom-shell
    - atom-shell ੄ ੉ܴਸ electron ਵ۽ ߸҃ೞҊ ࠄѺ੸ਵ۽ য়೑ࣗझ۽ օ
    ܻ ಌ૑ӝ द੘
    - MS ীࢲ electron ਸ ੉ਊ೧ࢲ VSCode ܳ ٜ݅ݶࢲ ࠄѺ੸ਵ۽ ੋӝܳ
    ঳਺
    MASOCON 2017

    View full-size slide

  52. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    - ‘Cheng Zhao’ о ੋభীࢲ ੋఢ(?)ೞݶࢲ ੉ ೐۽ં౟ী ଵৈ
    - ‘Cheng Zhao’ о ӥ೸ਵ۽ оࢲ Atom Editor ܳ ٜ݅ӝ ਤೠ ূ૓ਸ ѐߊ
    - Ӓ ূ૓੄ ੉ܴ਷ atom-shell
    - atom-shell ੄ ੉ܴਸ electron ਵ۽ ߸҃ೞҊ ࠄѺ੸ਵ۽ য়೑ࣗझ۽ օ
    ܻ ಌ૑ӝ द੘
    - MS ীࢲ electron ਸ ੉ਊ೧ࢲ VSCode ܳ ٜ݅ݶࢲ ࠄѺ੸ਵ۽ ੋӝܳ
    ঳਺
    - Slack ب زଵ
    MASOCON 2017

    View full-size slide

  53. - node-webkit ਸ ӝরೞभפө ??
    - node-webkit ਷ റী NW.js о ؾפ׮.
    - Intel ীࢲ ‘Roger Wang’ ੄ ઱بೞী ૓೯ೞҊ ੓؍ য়೑ࣗझ ೐۽ં౟
    - Node.js ৬ Webkit ਸ োѾೞҊ੗ ೞח ֢۱
    - ‘Cheng Zhao’ о ੋభীࢲ ੋఢ(?)ೞݶࢲ ੉ ೐۽ં౟ী ଵৈ
    - ‘Cheng Zhao’ о ӥ೸ਵ۽ оࢲ Atom Editor ܳ ٜ݅ӝ ਤೠ ূ૓ਸ ѐߊ
    - Ӓ ূ૓੄ ੉ܴ਷ atom-shell
    - atom-shell ੄ ੉ܴਸ electron ਵ۽ ߸҃ೞҊ ࠄѺ੸ਵ۽ য়೑ࣗझ۽ օ
    ܻ ಌ૑ӝ द੘
    - MS ীࢲ electron ਸ ੉ਊ೧ࢲ VSCode ܳ ٜ݅ݶࢲ ࠄѺ੸ਵ۽ ੋӝܳ
    ঳਺
    - Slack ب زଵ
    - electron meetup ਸ ೞݶ GitHub җ MS ੄ ূ૑פযٜ੉ ݽৈ १؋१؋
    оҊर׮ƕ
    MASOCON 2017

    View full-size slide

  54. Visual Studio Code ח
    ৮ࢿبо ֫׮Ҋ ঌ۰ઉ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  55. Visual Studio Code ח
    ৮ࢿبо ֫׮Ҋ ঌ۰ઉ ੓णפ׮.
    ߈؀ೞदח ࠙ ??
    MASOCON 2017

    View full-size slide

  56. Visual Studio Code ח
    ৮ࢿبо ֫׮Ҋ ঌ۰ઉ ੓णפ׮.
    ߈؀ೞदח ࠙ ??
    Ӓۢ ೡࣻ হҳਃ ƕ
    MASOCON 2017

    View full-size slide

  57. Ӓۢ ਋ܻ݅ ੜೞݶ…
    MASOCON 2017

    View full-size slide

  58. Ӓۢ ਋ܻ݅ ੜೞݶ…
    ৮ࢿب ૵ח गಌ ਎౟ۄ ݧ૓
    ؘझ௼఑ য೒ܻா੉࣌ਸ ٜ݅ ࣻ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  59. ݻо૑ ੢੼ਸ ؊ ࣗѐೞ੗ݶ…
    MASOCON 2017

    View full-size slide

  60. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    MASOCON 2017

    View full-size slide

  61. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    MASOCON 2017

    View full-size slide

  62. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    - ߡӒ ࣻ੿ب ࡅܲ ಞ੉׮.
    MASOCON 2017

    View full-size slide

  63. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    - ߡӒ ࣻ੿ب ࡅܲ ಞ੉׮.
    - ௼۽޷਑җ ֢٘੄ সؘ੉౟ী ݏ୾ ࡅܰѱ ࣻ੿ػ׮.
    MASOCON 2017

    View full-size slide

  64. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    - ߡӒ ࣻ੿ب ࡅܲ ಞ੉׮.
    - ௼۽޷਑җ ֢٘੄ সؘ੉౟ী ݏ୾ ࡅܰѱ ࣻ੿ػ׮.
    - ੜ ҙܻغҊ ੓ח ॄ٘ ౵౭ ழޭפ౭о ೣԋ ࢿ੢ೞҊ ੓׮.
    MASOCON 2017

    View full-size slide

  65. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    - ߡӒ ࣻ੿ب ࡅܲ ಞ੉׮.
    - ௼۽޷਑җ ֢٘੄ সؘ੉౟ী ݏ୾ ࡅܰѱ ࣻ੿ػ׮.
    - ੜ ҙܻغҊ ੓ח ॄ٘ ౵౭ ழޭפ౭о ೣԋ ࢿ੢ೞҊ ੓׮.
    - Electron Userland
    MASOCON 2017

    View full-size slide

  66. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    - ߡӒ ࣻ੿ب ࡅܲ ಞ੉׮.
    - ௼۽޷਑җ ֢٘੄ সؘ੉౟ী ݏ୾ ࡅܰѱ ࣻ੿ػ׮.
    - ੜ ҙܻغҊ ੓ח ॄ٘ ౵౭ ழޭפ౭о ೣԋ ࢿ੢ೞҊ ੓׮.
    - Electron Userland
    - അ੤ ੌ۩౟ۿਸ ࢎਊೞҊ ੓ח ׮ࣻ੄ ਬݺ ೐۽ં౟۽ ੋ೧, पઁ ࢚ਊ ۨ
    ߰۽ ࢲ࠺झೞӝ ਤೠ ળ࠺о ੜغয ੓׮.
    MASOCON 2017

    View full-size slide

  67. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    - ߡӒ ࣻ੿ب ࡅܲ ಞ੉׮.
    - ௼۽޷਑җ ֢٘੄ সؘ੉౟ী ݏ୾ ࡅܰѱ ࣻ੿ػ׮.
    - ੜ ҙܻغҊ ੓ח ॄ٘ ౵౭ ழޭפ౭о ೣԋ ࢿ੢ೞҊ ੓׮.
    - Electron Userland
    - അ੤ ੌ۩౟ۿਸ ࢎਊೞҊ ੓ח ׮ࣻ੄ ਬݺ ೐۽ં౟۽ ੋ೧, पઁ ࢚ਊ ۨ
    ߰۽ ࢲ࠺झೞӝ ਤೠ ળ࠺о ੜغয ੓׮.
    - ੗زসؘ੉౟, ࢸ஖, ߓನ ҙ۲
    MASOCON 2017

    View full-size slide

  68. - ࡅܰѱ ೐۽ં౟о ࢿ੢ೞҊ ੓׮.
    - ѐߊ ࣘبо ࡅܰ׮.
    - ߡӒ ࣻ੿ب ࡅܲ ಞ੉׮.
    - ௼۽޷਑җ ֢٘੄ সؘ੉౟ী ݏ୾ ࡅܰѱ ࣻ੿ػ׮.
    - ੜ ҙܻغҊ ੓ח ॄ٘ ౵౭ ழޭפ౭о ೣԋ ࢿ੢ೞҊ ੓׮.
    - Electron Userland
    - അ੤ ੌ۩౟ۿਸ ࢎਊೞҊ ੓ח ׮ࣻ੄ ਬݺ ೐۽ં౟۽ ੋ೧, पઁ ࢚ਊ ۨ
    ߰۽ ࢲ࠺झೞӝ ਤೠ ળ࠺о ੜغয ੓׮.
    - ੗زসؘ੉౟, ࢸ஖, ߓನ ҙ۲
    - VS Code ח ਋ܻ੄ ಴ળ੹җ, ब૑য য়೑ࣗझ
    MASOCON 2017

    View full-size slide

  69. ৈӝө૑݅ ೞݶ оݶ Ӓր ড੢ࣻ эѷભ ??
    MASOCON 2017

    View full-size slide

  70. ױ੼ب ݆णפ׮.
    MASOCON 2017

    View full-size slide

  71. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ

    MASOCON 2017

    View full-size slide

  72. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    MASOCON 2017

    View full-size slide

  73. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    MASOCON 2017

    View full-size slide

  74. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    MASOCON 2017

    View full-size slide

  75. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    - ੉Ѥ ޤ ߸ݺ੄ ৈ૑о হ֎ਃ.
    MASOCON 2017

    View full-size slide

  76. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    - ੉Ѥ ޤ ߸ݺ੄ ৈ૑о হ֎ਃ.
    - ਦب਋ীࢲ੄ ࢎਊ੉ ࢚؀੸ਵ۽ ࠛউ੿೤פ׮.
    MASOCON 2017

    View full-size slide

  77. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    - ੉Ѥ ޤ ߸ݺ੄ ৈ૑о হ֎ਃ.
    - ਦب਋ীࢲ੄ ࢎਊ੉ ࢚؀੸ਵ۽ ࠛউ੿೤פ׮.
    - WPF ա UWP э਷Ѣی਷ ରਗ੉ ׮ܵפ׮. (׼োೞѷ૑݅)
    MASOCON 2017

    View full-size slide

  78. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    - ੉Ѥ ޤ ߸ݺ੄ ৈ૑о হ֎ਃ.
    - ਦب਋ীࢲ੄ ࢎਊ੉ ࢚؀੸ਵ۽ ࠛউ੿೤פ׮.
    - WPF ա UWP э਷Ѣی਷ ରਗ੉ ׮ܵפ׮. (׼োೞѷ૑݅)
    - కࢤ੸ ೠ҅ܳ ӓࠂೞӟ য۵૑݅, Ӓېب ҅ࣘ աই૑Ҋח ੓णפ׮.
    MASOCON 2017

    View full-size slide

  79. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    - ੉Ѥ ޤ ߸ݺ੄ ৈ૑о হ֎ਃ.
    - ਦب਋ীࢲ੄ ࢎਊ੉ ࢚؀੸ਵ۽ ࠛউ੿೤פ׮.
    - WPF ա UWP э਷Ѣی਷ ରਗ੉ ׮ܵפ׮. (׼োೞѷ૑݅)
    - కࢤ੸ ೠ҅ܳ ӓࠂೞӟ য۵૑݅, Ӓېب ҅ࣘ աই૑Ҋח ੓णפ׮.
    - ࣗझࠁഐܳ ҕध੸ਵ۽ ઁҕೞ૑ ঋणפ׮.
    MASOCON 2017

    View full-size slide

  80. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    - ੉Ѥ ޤ ߸ݺ੄ ৈ૑о হ֎ਃ.
    - ਦب਋ীࢲ੄ ࢎਊ੉ ࢚؀੸ਵ۽ ࠛউ੿೤פ׮.
    - WPF ա UWP э਷Ѣی਷ ରਗ੉ ׮ܵפ׮. (׼োೞѷ૑݅)
    - కࢤ੸ ೠ҅ܳ ӓࠂೞӟ য۵૑݅, Ӓېب ҅ࣘ աই૑Ҋח ੓णפ׮.
    - ࣗझࠁഐܳ ҕध੸ਵ۽ ઁҕೞ૑ ঋणפ׮.
    - ੷ೠప ੌ۩౟ۿ জ ࣗझ ӭࣻ ੓ջҊ ޛਵन׮ݶ Ѣ੄ Ӓۧ׮Ҋ ೡࣻ ੓ण
    פ׮.
    MASOCON 2017

    View full-size slide

  81. - জਸ ٜ݅૑ب ঋওחؘ 100 MB о ֈ঻যਃ ƕ
    - ޛۿ ਃ્਷ ৔ച ೠಞب ࣻ ӝо ੑפ׮. ۄח ݈۽ ੗ӝ ೤ܻച ઺
    - ܻࣗझܳ ݆੉ ݡযਃ ƕ
    - ীց૑ܳ ݆੉ ॳח জ ࠁदݶ ؀ѐ ੌ۩౟ۿ জ ੑפ׮.
    - ੉Ѥ ޤ ߸ݺ੄ ৈ૑о হ֎ਃ.
    - ਦب਋ীࢲ੄ ࢎਊ੉ ࢚؀੸ਵ۽ ࠛউ੿೤פ׮.
    - WPF ա UWP э਷Ѣی਷ ରਗ੉ ׮ܵפ׮. (׼োೞѷ૑݅)
    - కࢤ੸ ೠ҅ܳ ӓࠂೞӟ য۵૑݅, Ӓېب ҅ࣘ աই૑Ҋח ੓णפ׮.
    - ࣗझࠁഐܳ ҕध੸ਵ۽ ઁҕೞ૑ ঋणפ׮.
    - ੷ೠప ੌ۩౟ۿ জ ࣗझ ӭࣻ ੓ջҊ ޛਵन׮ݶ Ѣ੄ Ӓۧ׮Ҋ ೡࣻ ੓ण
    פ׮.
    - Seoul.js ޿সীࢲ ߊ಴ೠ ࣗझ ࠁഐ ߑߨ ੗ܐ
    - https://slides.com/woongjae/protecting-javascript-source-
    code-in-electron
    - ঳חѱ ੓ਵݶ, ߡܻחѱ ࢤӝӝ ݃۲, ࢿמਸ ನӝ೧ঠೡ ࣻ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  82. ProtoPie ܳ Electron ਵ۽ ٜ݅ѱ ػ ੉ਬ
    MASOCON 2017

    View full-size slide

  83. - ਢѐߊ੗о ݆ওযਃ.
    MASOCON 2017

    View full-size slide

  84. - ਢѐߊ੗о ݆ওযਃ.
    - DOM ਸ ӓೠө૑ ׮ܞࠄ ূ૑פযٜ੉ ݆੉ ੓঻যਃ.
    MASOCON 2017

    View full-size slide

  85. - ਢѐߊ੗о ݆ওযਃ.
    - DOM ਸ ӓೠө૑ ׮ܞࠄ ূ૑פযٜ੉ ݆੉ ੓঻যਃ.
    - য݃য݃ೞѱ ݆਷ UI ۨಌ۠झо ੓णפ׮. ੿੘ ೙ਃೠѤ হਸٸب ݆਺
    MASOCON 2017

    View full-size slide

  86. - ਢѐߊ੗о ݆ওযਃ.
    - DOM ਸ ӓೠө૑ ׮ܞࠄ ূ૑פযٜ੉ ݆੉ ੓঻যਃ.
    - য݃য݃ೞѱ ݆਷ UI ۨಌ۠झо ੓णפ׮. ੿੘ ೙ਃೠѤ হਸٸب ݆਺
    - ޷ܻ ٜ݅؍ ਢࢲ࠺झ ਊ ௏ٜ٘੉ ੓঻਺.
    MASOCON 2017

    View full-size slide

  87. - ਢѐߊ੗о ݆ওযਃ.
    - DOM ਸ ӓೠө૑ ׮ܞࠄ ূ૑פযٜ੉ ݆੉ ੓঻যਃ.
    - য݃য݃ೞѱ ݆਷ UI ۨಌ۠झо ੓णפ׮. ੿੘ ೙ਃೠѤ হਸٸب ݆਺
    - ޷ܻ ٜ݅؍ ਢࢲ࠺झ ਊ ௏ٜ٘੉ ੓঻਺.
    - ௼۽झ೒ۖಬ੄ ੢੼
    MASOCON 2017

    View full-size slide

  88. - ਢѐߊ੗о ݆ওযਃ.
    - DOM ਸ ӓೠө૑ ׮ܞࠄ ূ૑פযٜ੉ ݆੉ ੓঻যਃ.
    - য݃য݃ೞѱ ݆਷ UI ۨಌ۠झо ੓णפ׮. ੿੘ ೙ਃೠѤ হਸٸب ݆਺
    - ޷ܻ ٜ݅؍ ਢࢲ࠺झ ਊ ௏ٜ٘੉ ੓঻਺.
    - ௼۽झ೒ۖಬ੄ ੢੼
    - ܻࣗझ ޙઁա ਊ۝ ޙઁ, ࠛউ੿ೠ ࢚ടীب ࠛҳೞҊ ؀ࠗ࠙੄ ਬ੷ٜ੉ ݅
    ઒ೡ݅ೠ Ѿҗޛਸ ҭ੢൤ ࡅܰѱ ٜ݅ࣻ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  89. - electron ਵ۽ ೞܖ ઙੌ ځٜࣻ ੓যਃ.
    - दр੉ হযਃ…
    - ఋੑझ௼݀౟ ࢿҕ੸ب ೧ঠભ
    MASOCON 2017

    View full-size slide

  90. - electron ਵ۽ ೞܖ ઙੌ ځٜࣻ ੓যਃ.
    - दр੉ হযਃ…
    - ఋੑझ௼݀౟ ࢿҕ੸ب ೧ঠભ
    - ೝѱ ইש

    - Electron 101
    - http://slides.com/woongjae/electron-basic#/
    - Electron ਵ۽ ଻౴জ ٜ݅ӝ
    - https://github.com/ts-korea/electron-with-typescript
    - Electron ੗ز সؘ੉౟ ҳ୷ӝ
    - http://slides.com/woongjae/electron-server#/
    - Electron ࣗझࠁഐ
    - http://slides.com/woongjae/protecting-javascript-source-
    code-in-electron#/
    - Electron ಁః૚ ݠन ҳ୷ӝ
    - http://slides.com/woongjae/playnode2017#/
    MASOCON 2017

    View full-size slide

  91. MASOCON 2017

    View full-size slide

  92. MASOCON 2017

    View full-size slide

  93. MASOCON 2017

    View full-size slide

  94. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    MASOCON 2017

    View full-size slide

  95. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    - ୭Ӕ ߡ੹ীࢲח es7 ੋ async-await ب ನೣغয ੓णפ׮.
    MASOCON 2017

    View full-size slide

  96. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    - ୭Ӕ ߡ੹ীࢲח es7 ੋ async-await ب ನೣغয ੓णפ׮.
    - ߄߰ э਷Ѧ ॶ ೙ਃо ߹۽ হणפ׮.
    MASOCON 2017

    View full-size slide

  97. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    - ୭Ӕ ߡ੹ীࢲח es7 ੋ async-await ب ನೣغয ੓णפ׮.
    - ߄߰ э਷Ѧ ॶ ೙ਃо ߹۽ হणפ׮.
    - ৘৻ ࢎ೦਷ ݆੉ ੓૑݅… ੌױ ಁझ
    MASOCON 2017

    View full-size slide

  98. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    - ୭Ӕ ߡ੹ীࢲח es7 ੋ async-await ب ನೣغয ੓णפ׮.
    - ߄߰ э਷Ѧ ॶ ೙ਃо ߹۽ হणפ׮.
    - ৘৻ ࢎ೦਷ ݆੉ ੓૑݅… ੌױ ಁझ
    - ؘझ௼఑ জ਷ ੌ߈੸ਵ۽ ے؊۞ ೐۽ࣁझܳ SPA ୊ۢ ٜ݅Ҋ,
    MASOCON 2017

    View full-size slide

  99. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    - ୭Ӕ ߡ੹ীࢲח es7 ੋ async-await ب ನೣغয ੓णפ׮.
    - ߄߰ э਷Ѧ ॶ ೙ਃо ߹۽ হणפ׮.
    - ৘৻ ࢎ೦਷ ݆੉ ੓૑݅… ੌױ ಁझ
    - ؘझ௼఑ জ਷ ੌ߈੸ਵ۽ ے؊۞ ೐۽ࣁझܳ SPA ୊ۢ ٜ݅Ҋ,
    - ݫੋ ೐۽ࣁझח ֢٘ ࢲߡ୊ۢ ٟ݅פ׮.
    MASOCON 2017

    View full-size slide

  100. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    - ୭Ӕ ߡ੹ীࢲח es7 ੋ async-await ب ನೣغয ੓णפ׮.
    - ߄߰ э਷Ѧ ॶ ೙ਃо ߹۽ হणפ׮.
    - ৘৻ ࢎ೦਷ ݆੉ ੓૑݅… ੌױ ಁझ
    - ؘझ௼఑ জ਷ ੌ߈੸ਵ۽ ے؊۞ ೐۽ࣁझܳ SPA ୊ۢ ٜ݅Ҋ,
    - ݫੋ ೐۽ࣁझח ֢٘ ࢲߡ୊ۢ ٟ݅פ׮.
    - ؘझ௼఑ জਸ ٜ݅ӝ ਤ೧ࢲ ࢎਊೞח ࣗझ౵ੌ੄ ࣻо য݃য݃ೞѱ ݆ই
    ઉࢲ, ҙܻೞӝо ցޖաب য۵Ҋ, ࠂ੟೧૕ ࣻ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  101. - Electron ਸ ѐߊೡٸח ੗োझۣѱ es6 ܳ ࢎਊೞݶ ؾפ׮.
    - ୭Ӕ ߡ੹ীࢲח es7 ੋ async-await ب ನೣغয ੓णפ׮.
    - ߄߰ э਷Ѧ ॶ ೙ਃо ߹۽ হणפ׮.
    - ৘৻ ࢎ೦਷ ݆੉ ੓૑݅… ੌױ ಁझ
    - ؘझ௼఑ জ਷ ੌ߈੸ਵ۽ ے؊۞ ೐۽ࣁझܳ SPA ୊ۢ ٜ݅Ҋ,
    - ݫੋ ೐۽ࣁझח ֢٘ ࢲߡ୊ۢ ٟ݅פ׮.
    - ؘझ௼఑ জਸ ٜ݅ӝ ਤ೧ࢲ ࢎਊೞח ࣗझ౵ੌ੄ ࣻо য݃য݃ೞѱ ݆ই
    ઉࢲ, ҙܻೞӝо ցޖաب য۵Ҋ, ࠂ੟೧૕ ࣻ ੓णפ׮.
    - Ӓېࢲ ఋੑझ௼݀౟ بੑ !!!
    MASOCON 2017

    View full-size slide

  102. MASOCON 2017

    View full-size slide

  103. MASOCON 2017

    View full-size slide

  104. - ݫੋ ೐۽ࣁझ৬ ے؊۞ ೐۽ࣁझח पઁ۽ ೐۽ࣁझо ׮ܵפ׮.


    MASOCON 2017

    View full-size slide

  105. - ݫੋ ೐۽ࣁझ৬ ے؊۞ ೐۽ࣁझח पઁ۽ ೐۽ࣁझо ׮ܵפ׮.
    - ف ೐۽ࣁझ ࢎ੉ܳ োѾೞӝ ਤ೧ ipc ৬ remote ۄח ѐ֛ਸ ॺפ׮.


    MASOCON 2017

    View full-size slide

  106. - ݫੋ ೐۽ࣁझ৬ ے؊۞ ೐۽ࣁझח पઁ۽ ೐۽ࣁझо ׮ܵפ׮.
    - ف ೐۽ࣁझ ࢎ੉ܳ োѾೞӝ ਤ೧ ipc ৬ remote ۄח ѐ֛ਸ ॺפ׮.

    - ipc ח पઁ ೐۽ࣁझо ׮ܰӝ ٸޙী ׮ܲ ೐۽ࣁझীࢲ ࢎਊೞח э਷ ഋ
    క੄ ఋੑٜਸ ઁ؀۽ ಴അೞҊ ࢎਊೡ ೙ਃо ੓णפ׮.

    MASOCON 2017

    View full-size slide

  107. - ݫੋ ೐۽ࣁझ৬ ے؊۞ ೐۽ࣁझח पઁ۽ ೐۽ࣁझо ׮ܵפ׮.
    - ف ೐۽ࣁझ ࢎ੉ܳ োѾೞӝ ਤ೧ ipc ৬ remote ۄח ѐ֛ਸ ॺפ׮.

    - ipc ח पઁ ೐۽ࣁझо ׮ܰӝ ٸޙী ׮ܲ ೐۽ࣁझীࢲ ࢎਊೞח э਷ ഋ
    క੄ ఋੑٜਸ ઁ؀۽ ಴അೞҊ ࢎਊೡ ೙ਃо ੓णפ׮.

    - ݫੋীࢲ ࠁմ য়࠳ં౟ী ੓ח ઴ ঌওחؘ হח ೐۽ಌ౭ܳ ے؊۞ীࢲ ੽
    Ӕ೧ࢲ ࢎਊೞ۰ݶ ۠ఋ੐ ী۞!
    MASOCON 2017

    View full-size slide

  108. - ݫੋ ೐۽ࣁझ৬ ے؊۞ ೐۽ࣁझח पઁ۽ ೐۽ࣁझо ׮ܵפ׮.
    - ف ೐۽ࣁझ ࢎ੉ܳ োѾೞӝ ਤ೧ ipc ৬ remote ۄח ѐ֛ਸ ॺפ׮.

    - ipc ח पઁ ೐۽ࣁझо ׮ܰӝ ٸޙী ׮ܲ ೐۽ࣁझীࢲ ࢎਊೞח э਷ ഋ
    క੄ ఋੑٜਸ ઁ؀۽ ಴അೞҊ ࢎਊೡ ೙ਃо ੓णפ׮.

    - ݫੋীࢲ ࠁմ য়࠳ં౟ী ੓ח ઴ ঌওחؘ হח ೐۽ಌ౭ܳ ے؊۞ীࢲ ੽
    Ӕ೧ࢲ ࢎਊೞ۰ݶ ۠ఋ੐ ী۞!
    - ۠ఋ੐ ী۞ܳ ઴੉ӝ ਤ೧ ఋੑदझమਸ ੉ਊೞחѱ ೨बੑפ׮.
    MASOCON 2017

    View full-size slide

  109. TypeScript = Language
    MASOCON 2017

    View full-size slide

  110. MASOCON 2017

    View full-size slide

  111. ஹ౵ੌ۞
    = TypeScript Compiler
    = tsc
    = ఋੑझ௼݀౟ܳ ੗߄झ௼݀౟۽ ߄Լ઱ח ೐۽Ӓ۔
    MASOCON 2017

    View full-size slide

  112. MASOCON 2017

    View full-size slide

  113. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.


    MASOCON 2017

    View full-size slide

  114. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.


    MASOCON 2017

    View full-size slide

  115. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.


    MASOCON 2017

    View full-size slide

  116. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.


    MASOCON 2017

    View full-size slide

  117. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.
    - যڃ झಖਸ ࢎਊೡ૑ ݈૑ח TypeScript ীࢲ ҙܻ೤פ׮.


    MASOCON 2017

    View full-size slide

  118. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.
    - যڃ झಖਸ ࢎਊೡ૑ ݈૑ח TypeScript ীࢲ ҙܻ೤פ׮.
    - ഛ੿غ૑ ঋ਷ झಖਸ ޷ܻ ֍Ҋ ಴ળ೧׳ۄҊ ઑܰӝب ೞҊ, (৔ೱ۱੉
    ֫ইઉࢲ)


    MASOCON 2017

    View full-size slide

  119. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.
    - যڃ झಖਸ ࢎਊೡ૑ ݈૑ח TypeScript ীࢲ ҙܻ೤פ׮.
    - ഛ੿غ૑ ঋ਷ झಖਸ ޷ܻ ֍Ҋ ಴ળ೧׳ۄҊ ઑܰӝب ೞҊ, (৔ೱ۱੉
    ֫ইઉࢲ)

    - ഛ੿ػ झಖਸ ࡈܻ ֍ӝب ೤פ׮.

    MASOCON 2017

    View full-size slide

  120. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.
    - যڃ झಖਸ ࢎਊೡ૑ ݈૑ח TypeScript ীࢲ ҙܻ೤פ׮.
    - ഛ੿غ૑ ঋ਷ झಖਸ ޷ܻ ֍Ҋ ಴ળ೧׳ۄҊ ઑܰӝب ೞҊ, (৔ೱ۱੉
    ֫ইઉࢲ)

    - ഛ੿ػ झಖਸ ࡈܻ ֍ӝب ೤פ׮.

    - ഑਷ ೐۽Ӓې߁ী ب਑੉ غח झಖਸ ੗୓੸ਵ۽ Ѿ੿ೞৈ ֍ӝب ೤פ
    ׮.
    MASOCON 2017

    View full-size slide

  121. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.
    - যڃ झಖਸ ࢎਊೡ૑ ݈૑ח TypeScript ীࢲ ҙܻ೤פ׮.
    - ഛ੿غ૑ ঋ਷ झಖਸ ޷ܻ ֍Ҋ ಴ળ೧׳ۄҊ ઑܰӝب ೞҊ, (৔ೱ۱੉
    ֫ইઉࢲ)

    - ഛ੿ػ झಖਸ ࡈܻ ֍ӝب ೤פ׮.

    - ഑਷ ೐۽Ӓې߁ী ب਑੉ غח झಖਸ ੗୓੸ਵ۽ Ѿ੿ೞৈ ֍ӝب ೤פ
    ׮.
    - ఋੑ दझమ੉ ೨बੑפ׮.
    MASOCON 2017

    View full-size slide

  122. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.
    - যڃ झಖਸ ࢎਊೡ૑ ݈૑ח TypeScript ীࢲ ҙܻ೤פ׮.
    - ഛ੿غ૑ ঋ਷ झಖਸ ޷ܻ ֍Ҋ ಴ળ೧׳ۄҊ ઑܰӝب ೞҊ, (৔ೱ۱੉
    ֫ইઉࢲ)

    - ഛ੿ػ झಖਸ ࡈܻ ֍ӝب ೤פ׮.

    - ഑਷ ೐۽Ӓې߁ী ب਑੉ غח झಖਸ ੗୓੸ਵ۽ Ѿ੿ೞৈ ֍ӝب ೤פ
    ׮.
    - ఋੑ दझమ੉ ೨बੑפ׮.
    - Ӓېࢲ ఋੑझ௼݀౟੄ ঱য झಖ਷ ٯ 3о૑۽ т݀פ׮.
    MASOCON 2017

    View full-size slide

  123. - TypeScript ܳ ஹ౵ੌೞݶ JavaScript ࣗझо ա২פ׮.
    - JavaScript ܳ ೧ࢳೡࣻ ੓ח Ҕীࢲח ੹ࠗ ࢎਊ੉ оמ೤פ׮.
    - TypeScript ח 2о૑о ೨बੑפ׮.
    - JavaScript ী হח? झಖਸ ࢎਊೡ ࣻ ੓णפ׮.
    - যڃ झಖਸ ࢎਊೡ૑ ݈૑ח TypeScript ীࢲ ҙܻ೤פ׮.
    - ഛ੿غ૑ ঋ਷ झಖਸ ޷ܻ ֍Ҋ ಴ળ೧׳ۄҊ ઑܰӝب ೞҊ, (৔ೱ۱੉
    ֫ইઉࢲ)

    - ഛ੿ػ झಖਸ ࡈܻ ֍ӝب ೤פ׮.

    - ഑਷ ೐۽Ӓې߁ী ب਑੉ غח झಖਸ ੗୓੸ਵ۽ Ѿ੿ೞৈ ֍ӝب ೤פ
    ׮.
    - ఋੑ दझమ੉ ೨बੑפ׮.
    - Ӓېࢲ ఋੑझ௼݀౟੄ ঱য झಖ਷ ٯ 3о૑۽ т݀פ׮.
    - ੗߄झ௼݀౟ ಴ળ झಖ੉Ѣա (֫਷ Ѫ ನೣ)
    - ఋੑী ҙ۲ػ झಖ੉Ѣա

    - ೐۽Ӓې߁ী ب਑੉ ؼ݅ೠ झಖ੉Ѣա
    MASOCON 2017

    View full-size slide

  124. - Babel ਷ ੗߄झ௼݀౟ ࢎਊী ੓যࢲ Ѣ੄ ಴ળী оө਍ ӝࣿ੉ غ঻णפ
    ׮.
    MASOCON 2017

    View full-size slide

  125. - Babel ਷ ੗߄झ௼݀౟ ࢎਊী ੓যࢲ Ѣ੄ ಴ળী оө਍ ӝࣿ੉ غ঻णפ
    ׮.
    - Ӓؘ۠ TypeScript ח ޅ޺ѷযۄח ٜ࠙਷ ੔??
    MASOCON 2017

    View full-size slide

  126. - Babel ਷ ੗߄झ௼݀౟ ࢎਊী ੓যࢲ Ѣ੄ ಴ળী оө਍ ӝࣿ੉ غ঻णפ
    ׮.
    - Ӓؘ۠ TypeScript ח ޅ޺ѷযۄח ٜ࠙਷ ੔??
    - ѱ׮о ੉ য়೑ࣗझח MS ীࢲ ҙܻغҊ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  127. য਋ ӈଳই !!
    MASOCON 2017

    View full-size slide

  128. - ݒߣ ఋੑझ௼݀౟ ౵ੌਸ ࣻ੿ೞҊ, ஹ౵ੌ ೐۽Ӓ۔ جܻҊ, ஹ౵ੌ ী۞੓
    ա ࠁҊ
    MASOCON 2017

    View full-size slide

  129. - ݒߣ ఋੑझ௼݀౟ ౵ੌਸ ࣻ੿ೞҊ, ஹ౵ੌ ೐۽Ӓ۔ جܻҊ, ஹ౵ੌ ী۞੓
    ա ࠁҊ
    - ੋр਷ بҳܳ ࢎਊೞח زޛੑפ׮.
    MASOCON 2017

    View full-size slide

  130. - ݒߣ ఋੑझ௼݀౟ ౵ੌਸ ࣻ੿ೞҊ, ஹ౵ੌ ೐۽Ӓ۔ جܻҊ, ஹ౵ੌ ী۞੓
    ա ࠁҊ
    - ੋр਷ بҳܳ ࢎਊೞח زޛੑפ׮.
    - VS Code
    - IntelliJ
    - Atom
    MASOCON 2017

    View full-size slide

  131. - ݒߣ ఋੑझ௼݀౟ ౵ੌਸ ࣻ੿ೞҊ, ஹ౵ੌ ೐۽Ӓ۔ جܻҊ, ஹ౵ੌ ী۞੓
    ա ࠁҊ
    - ੋр਷ بҳܳ ࢎਊೞח زޛੑפ׮.
    - VS Code
    - IntelliJ
    - Atom
    - ੉۠Ѫٜਸ ੉ਊೞݶ ষ୒աѱ औҊ ಞೞѱ ࢎਊ੉ оמ೤פ׮.
    MASOCON 2017

    View full-size slide

  132. MASOCON 2017

    View full-size slide

  133. MASOCON 2017
    ݫੋ
    ೐۽ࣁझ
    ے؊۞
    ೐۽ࣁझ
    common/type.ts
    interface A ীࢲ
    ఋੑ ੿੄
    ipc ܳ ా೧ ੉زೞח ё୓
    a: A
    {…}

    View full-size slide

  134. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,

    MASOCON 2017

    View full-size slide

  135. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,
    - ׮ܲ ೐۽ࣁझ рী ௾ ب਑੉ ػ׮.

    MASOCON 2017

    View full-size slide

  136. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,
    - ׮ܲ ೐۽ࣁझ рী ௾ ب਑੉ ػ׮.
    - ۠ఋ੐ য়ܨܳ ஹ౵ੌ ఋ੐ী 100% ݄ח׮ח Ѫ਷ ѐࡤ

    MASOCON 2017

    View full-size slide

  137. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,
    - ׮ܲ ೐۽ࣁझ рী ௾ ب਑੉ ػ׮.
    - ۠ఋ੐ য়ܨܳ ஹ౵ੌ ఋ੐ী 100% ݄ח׮ח Ѫ਷ ѐࡤ
    - ఋੑ੉ ੓ਵפӬ పझ౟ܳ ೞ૑ ঋইب ػ׮ח Ѫب ѐࡤ

    MASOCON 2017

    View full-size slide

  138. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,
    - ׮ܲ ೐۽ࣁझ рী ௾ ب਑੉ ػ׮.
    - ۠ఋ੐ য়ܨܳ ஹ౵ੌ ఋ੐ী 100% ݄ח׮ח Ѫ਷ ѐࡤ
    - ఋੑ੉ ੓ਵפӬ పझ౟ܳ ೞ૑ ঋইب ػ׮ח Ѫب ѐࡤ
    - ఋੑ ୓௼ח ஹ౵ੌ ఋ੐ী ఋੑ য়ܨܳ ୓௼೧ ળ׮

    MASOCON 2017

    View full-size slide

  139. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,
    - ׮ܲ ೐۽ࣁझ рী ௾ ب਑੉ ػ׮.
    - ۠ఋ੐ য়ܨܳ ஹ౵ੌ ఋ੐ী 100% ݄ח׮ח Ѫ਷ ѐࡤ
    - ఋੑ੉ ੓ਵפӬ పझ౟ܳ ೞ૑ ঋইب ػ׮ח Ѫب ѐࡤ
    - ఋੑ ୓௼ח ஹ౵ੌ ఋ੐ী ఋੑ য়ܨܳ ୓௼೧ ળ׮

    - పझ౟ח ۠ఋ੐ী য়ܨܳ ୓௼ೡ ࣻ ੓׮.
    MASOCON 2017

    View full-size slide

  140. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,
    - ׮ܲ ೐۽ࣁझ рী ௾ ب਑੉ ػ׮.
    - ۠ఋ੐ য়ܨܳ ஹ౵ੌ ఋ੐ী 100% ݄ח׮ח Ѫ਷ ѐࡤ
    - ఋੑ੉ ੓ਵפӬ పझ౟ܳ ೞ૑ ঋইب ػ׮ח Ѫب ѐࡤ
    - ఋੑ ୓௼ח ஹ౵ੌ ఋ੐ী ఋੑ য়ܨܳ ୓௼೧ ળ׮

    - పझ౟ח ۠ఋ੐ী য়ܨܳ ୓௼ೡ ࣻ ੓׮.
    - Ѿ੿੸ਵ۽ పझ౟ ௏٘ܳ ૢٸ ୐ߣ૩۽ ೞח ੌ਷ ஹ౵ੌ য়ܨܳ হগח
    ੌ੉׮.
    MASOCON 2017

    View full-size slide

  141. - ׼ো൤ э਷ ೐۽ࣁझ ղীࢲ੄ ఋੑ ୓௼ب ب਑੉ غ૑݅,
    - ׮ܲ ೐۽ࣁझ рী ௾ ب਑੉ ػ׮.
    - ۠ఋ੐ য়ܨܳ ஹ౵ੌ ఋ੐ী 100% ݄ח׮ח Ѫ਷ ѐࡤ
    - ఋੑ੉ ੓ਵפӬ పझ౟ܳ ೞ૑ ঋইب ػ׮ח Ѫب ѐࡤ
    - ఋੑ ୓௼ח ஹ౵ੌ ఋ੐ী ఋੑ য়ܨܳ ୓௼೧ ળ׮

    - పझ౟ח ۠ఋ੐ী য়ܨܳ ୓௼ೡ ࣻ ੓׮.
    - Ѿ੿੸ਵ۽ పझ౟ ௏٘ܳ ૢٸ ୐ߣ૩۽ ೞח ੌ਷ ஹ౵ੌ য়ܨܳ হগח
    ੌ੉׮.
    - ஹ౵ੌ য়ܨܳ হঙ׮Ҋ, పझ౟о ాҗೞח Ѫ੉ ইפ׮.
    MASOCON 2017

    View full-size slide

  142. - ఋੑझ௼݀౟ب ೞܖ ઙੌ ځٜࣻ ੓যਃ.
    - दр੉ হযਃ…
    - ׮਺ ࢎۈب ߊ಴ ೧ঠભ
    MASOCON 2017

    View full-size slide

  143. - ఋੑझ௼݀౟ب ೞܖ ઙੌ ځٜࣻ ੓যਃ.
    - दр੉ হযਃ…
    - ׮਺ ࢎۈب ߊ಴ ೧ঠભ
    - ೝѱ ইש

    - TypeScript 101
    - https://www.youtube.com/playlist?list=PLV6pYUAZ-
    ZoEBNDzOxzToMqv-V1QGlU0T
    - TypeScript ۽ React ࢎਊೞӝ
    - https://www.youtube.com/playlist?list=PLV6pYUAZ-
    ZoHx0OjUduzaFSZ4_cUqXLm0
    - TypeScript ۽ Electron ࢎਊೞӝ
    - http://slides.com/woongjae/electron-with-typescript-1#/
    - http://slides.com/woongjae/electron-with-typescript-2#/
    - http://slides.com/woongjae/electron-with-typescript-3#/
    - http://slides.com/woongjae/electron-with-typescript-4#/
    MASOCON 2017

    View full-size slide

  144. хࢎ೤פ׮. #ࢿҕ੸
    MASOCON 2017

    View full-size slide

  145. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017

    View full-size slide

  146. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017
    - Microsoft MVP

    - JavaScript / TypeScript

    View full-size slide

  147. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017
    - Microsoft MVP

    - JavaScript / TypeScript
    - 2nd Administrator

    - Electron Korea
    - Organizer

    - TypeScript Korea User Group

    View full-size slide

  148. - Software Engineer

    - ProtoPie Studio Team, StudioXID
    MASOCON 2017
    - Microsoft MVP

    - JavaScript / TypeScript
    - 2nd Administrator

    - Electron Korea
    - Organizer

    - TypeScript Korea User Group
    - Organizer, Prepare Conference like Pycon

    - Seoul.js

    View full-size slide

  149. Ӓېࢲ ੗֎ח ޖ঺ਸ ٜ݅঻חо ??
    MASOCON 2017

    View full-size slide

  150. য۷ਸٸח !!!
    MASOCON 2017

    View full-size slide

  151. য۷ਸٸח !!!
    ݽ߄ੌ য೒ܻா੉࣌ਸ ѐߊ ೮णפ׮.
    MASOCON 2017

    View full-size slide

  152. য۷ਸٸח !!!
    ݽ߄ੌ য೒ܻா੉࣌ਸ ѐߊ ೮णפ׮.
    ૑Әب যܻ૑݅…
    MASOCON 2017

    View full-size slide

  153. Ӓۢ ૑Ә਷ ???
    MASOCON 2017

    View full-size slide

  154. Ӓۢ ૑Ә਷ ???
    ؘझ௼఑ য೒ܻா੉࣌ਸ ٜ݅Ҋ ੓णפ׮.
    MASOCON 2017

    View full-size slide

  155. Ӓۢ ૑Ә਷ ???
    ؘझ௼఑ য೒ܻா੉࣌ਸ ٜ݅Ҋ ੓णפ׮.
    macOS ৬ Windows ীࢲ ࢎਊೞח ోਸ ٜ݅Ҋ ੓णפ׮.
    MASOCON 2017

    View full-size slide