Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[W3C HTML5 2016] 일렉트론, 웹 기술로 담아내는 데스크탑 애플리케이션

195 views

Published on

2016년 12월에 진행된 W3C HTML5 2016 컨퍼런스에서 발표한 자료입니다. 발표자는 스튜디오씨드의 이웅재님입니다.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

[W3C HTML5 2016] 일렉트론, 웹 기술로 담아내는 데스크탑 애플리케이션

  1. 1. 우리는 코드 없이도 쉽게 이야기 할 수 있다 W3C HTML5 Conference 2016 161207
  2. 2. 이웅재 프로토파이 / 소프트웨어 엔지니어 일렉트론, 웹 기술로 담아내는 데스크톱 애플리케이션 우리는 코드 없이도 쉽게 이야기 할 수 있다
  3. 3. 우리는 코드 없이도 쉽게 이야기 할 수 있다 목차 자기 소개 및 ProtoPie 소개 Electron 이해하기 Electron 실무 활용 이슈 및 프로덕션 Typescript 를 활용한 대규모 애플리케이션 개발
  4. 4. 우리는 코드 없이도 쉽게 이야기 할 수 있다 자기 소개 (현) 스튜디오 씨드 소프트웨어 엔지니어 (구) 브이터치 소프트웨어 엔지니어링 랩 팀장 Electron + Typescript 로 데스크톱 애플리케이션 개발 중 11살 어린 아내와 살고 있음
  5. 5. 우리는 코드 없이도 쉽게 이야기 할 수 있다 ProtoPie 소개 인터렉션 프로토타이핑 저작 도구 2016.12.05 - 2.3.0 버전 출시 MacOS 용 저작 툴인 ProtoPie Studio 와 저작된 결과물을 볼수 있는 모바일 앱인 ProtoPie Player 로 구성되어 있습니다.
  6. 6. 우리는 코드 없이도 쉽게 이야기 할 수 있다 ProtoPie 동영상
  7. 7. 우리는 코드 없이도 쉽게 이야기 할 수 있다 일렉트론 이해하기 웹기술을 이용하여 데스크톱 애플리케이션을 쉽게 만들 수 있다!
  8. 8. 우리는 코드 없이도 쉽게 이야기 할 수 있다 웹 기술은 ? HTML, CSS, Javascript… 브라우저 Canvas
  9. 9. 우리는 코드 없이도 쉽게 이야기 할 수 있다 웹 기술의 변천사 SPA React Angular …
  10. 10. 우리는 코드 없이도 쉽게 이야기 할 수 있다 웹 기술로 데스크톱 애플리케이션을 만들면 얼마나 좋을까 node-webkit 발견 nwjs 로 이름 변경 잘 관리된 Electron 을 발견 Github Atom Editor Visual Studio Code Slack (beta)
  11. 11. 우리는 코드 없이도 쉽게 이야기 할 수 있다 nwjs 와 electron 의 차이점 (공식 문서) 1. 진입점이 다르다. 2. 블라블라 … nwjs 를 알면 도움이 될 수 있지만… 모르는 사람이 훨씬 많은걸…
  12. 12. 우리는 코드 없이도 쉽게 이야기 할 수 있다 그냥 해보는 겁니다. 라…라이브??…
  13. 13. 우리는 코드 없이도 쉽게 이야기 할 수 있다 Electron 구조 노드와 비슷한 방식으로 프로세스 시작 메인 프로세스 랜더러 프로세스 (크롬)
  14. 14. 우리는 코드 없이도 쉽게 이야기 할 수 있다 Electron 메인 프로세스 Electron 의 주 프로세스 Native UI 사용 랜더러 프로세스와 통신을 함
  15. 15. 우리는 코드 없이도 쉽게 이야기 할 수 있다 Electron 랜더러 프로세스 크로미움을 기반으로 한 뷰 프로세스 각각의 랜더러 프로세스는 메인 프로세스와 통신을 할 수 있다.
  16. 16. 우리는 코드 없이도 쉽게 이야기 할 수 있다 Electron 실무 활용 이슈 1. 보안 이슈 2. 용량 이슈 3. 뷰 관리의 이슈 - React, Angular
  17. 17. 우리는 코드 없이도 쉽게 이야기 할 수 있다 Electron 프로덕션 하기 1. 빌드 2. 업데이트 서버
  18. 18. 우리는 코드 없이도 쉽게 이야기 할 수 있다 Typescript 왜 갑자기… 타입스크립트 ?? …
  19. 19. 우리는 코드 없이도 쉽게 이야기 할 수 있다 처음부터는 아닙니다. 처음엔 ES6 를 사용했습니다. 작업하는 파일이 수십개가 아니고 수백개 협업 디버깅 이슈 타입을 정의하고 사용을 관리할 필요성 증대
  20. 20. 우리는 코드 없이도 쉽게 이야기 할 수 있다 타입스크립트와 IDE 의 만남 메타 프로그래밍이란??
  21. 21. 감사합니다 W3C HTML5 Conference 2016 161207
  22. 22. Q & A 우리는 코드 없이도 쉽게 이야기 할 수 있다

×