닷넷 기반 오픈 소스를 활용한 모던 웹 어플리케이션 개발 전략 - PowerPoint PPT Presentation

noelle
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
닷넷 기반 오픈 소스를 활용한 모던 웹 어플리케이션 개발 전략 PowerPoint Presentation
Download Presentation
닷넷 기반 오픈 소스를 활용한 모던 웹 어플리케이션 개발 전략

play fullscreen
1 / 23
Download Presentation
닷넷 기반 오픈 소스를 활용한 모던 웹 어플리케이션 개발 전략
405 Views
Download Presentation

닷넷 기반 오픈 소스를 활용한 모던 웹 어플리케이션 개발 전략

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. 닷넷 기반 오픈 소스를 활용한모던 웹 어플리케이션 개발 전략 권효중

  2. 저는… • 권효중 • Microsoft ASP.NET MVP • GE Healthcare Korea • http://gistcamp.com

  3. 손 !!

  4. 순서 • 웹개발의 분업화와 전문화 (20분) • 백엔드, 프론트엔드 • 협업 • Single Page Application • 데모 (35분) • Q & A, 수다 (10분)

  5. 설문조사 대상 : 웹 개발자 질문 : 선호하는 개발 환경은? 응답인원 : 3명  Windows Mac OSX Visual Studio SublimeText Git TFS C#, ASP.NET JavaScript, Python, Ruby ASP.NET WebForm/MVC Express.js, Rails, Django IE Chrome PostgreSQL, MongoDB SQL Server

  6. 웹개발에 있어서 협업 Frontend Backend

  7. 프론트엔드와 백엔드의 분리는 • 단순히 다른 OS, Tool을 쓸수 있느냐의 문제가 아님 • 본질은 코드간의 의존성을 줄여주며 양질의 코드를 생산하게 해주는 것 • 더불어 개발자의 전문성을 살릴 수 있게 해줌.

  8. 어떻게 분업/협업 할것인가? The answer is Single Page Application

  9. SPA ? • Communication JSON, AJAX • Backend  RESTful Service • Frontend  UI, JavaScript • URL  Hash or PushState

  10. How ? Define JSON RESTful Integration UI

  11. Benefits of SPA • Easy to keep UI state • Better UX • Faster than server rendering (최초 로딩은 예외) • Separation of Developers

  12. Tool Sets for the Demo Visual Studio NancyFX Nuget Git (GitHub) Ember.js Bower Grunt

  13. Nuget • NuGet is the package manager for the Microsoft development platform including .NET. • The NuGet Gallery is the central package repository used by all package authors and consumers. • VS  Tools  Extensions  Search Nuget

  14. NancyFX • Nancy is a lightweight, low-ceremony, framework for building HTTP based services on .Netand Mono • Run anywhere. Nancy is not built on any specific hosting technology can be run anywhere. Out of the box, Nancy supports running on ASP.NET/IIS, WCF, Self-hosting and any OWIN • Install-Package nancy

  15. NancyFX - Inspired by Sinatra, ruby framework Nancy Sinatra (1940-) Frank Sinatra (1915-1998)

  16. Bower • A package management for the web • Invented by Twitter inc. • npm install bower -g

  17. Ember.js • JavaScript Framework  • URLis core of Ember.js • Convention over Configuration • bower install ember

  18. Grunt • Task runner for the JavaScript • Minifying resources, Concatenation, Compile CoffeeScript, etc… • npm install grunt-cli -g

  19. Competitors

  20. 감사합니다 • Blog : funnygangstar.tistory.com • Email : nicekhj@gmail.com • Twitter : @nicekhj • 데모 소스는 아래에서 • https://github.com/RayKwon/comcamp_demo_live • https://github.com/RayKwon/comcamp_demo

  21. Talk TalkTalk • ASP.NET • OWIN • Katana • Helios • NancyFX • Cloud • Azure • Nodejitsu • Node.js • MongoDB • HTML5 • LESS • Grunt • Single Page Application • Backbone.js • Ember.js • Angular.js • Knockout.js • Microsoft MVP • JOB • NAVER D2FEST • Developer’s Life • GistCamp • Open Source