1 / 23

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

닷넷 기반 오픈 소스를 활용한 모던 웹 어플리케이션 개발 전략. 권효중. 저는 …. 권효중 Microsoft ASP.NET MVP GE Healthcare Korea http://gistcamp.com. 손 !!. 순 서. 웹개발의 분업화와 전문화 (20 분 ) 백엔드 , 프론트엔드 협업 Single Page Application 데모 (35 분 ) Q & A, 수다 (10 분 ). 설문조사. 대상 : 웹 개발자. 질문 : 선호하는 개발 환경은 ?. 응답인원 : 3 명 .

noelle
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related