20160409 서브라임텍스트 대신 visual studio code로...

43
“” PaaS 로 이동하는 클라우드 환경

Transcript of 20160409 서브라임텍스트 대신 visual studio code로...

Page 1: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

“”

PaaS로이동하는클라우드환경

Page 2: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

http://www.microsoftazurepass.com

http://1drv.ms/1b1bvRX

Page 3: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 4: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 5: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 6: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 7: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 8: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 9: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

editor IDElightweight/fastfile/foldersmanylanguagesmanyworkflowskeyboardcentered

projectsystemscodeunderstanding

debugintegratedbuild

File>New,wizardsdesigners

ALMintegrationplatformtools

...

lightweight/fastfile/folderswithprojectcontextmanylanguageskeyboardcenteredcodeunderstanding(somelanguages)debugtaskrunning

Page 10: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

newchoicesimplicityofacodeeditor

code-edit-debugcycle

Page 11: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

runtimes node.js, ASP.Net5

languages- basic*coloring,brackets,indent

CoffeeScript,Python,Ruby,Jade,Clojure, Java,C++, R,Go,makefile,shell,powershell,bat,XML,Markdown,...

languages- better+ IntelliSense,linting,outline

JavaScript,HTML,CSS,LESS,SASS, JSON

languages- best+ find allrefs,refactoring

C#,TypeScript

sourcecontrol git

taskrunning gulp,grunt ...

* stateasofpreview

Page 12: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

+Squirrel forapplicationupdates+FirstMate forTextMatesyntaxbundlesupport

Page 13: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 14: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 15: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 16: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 17: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 18: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

OmniSharpRoslyn

TypeScriptServer

Page 19: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

VSCode

OmniSharpServer

TypeScriptServer

NodeDbgAdapter

MonoDbgAdapter

JSON

Page 20: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

Request Response

definition Returnsthefilelocationofthesymbol atthegivenfilelocation

references Returnsthefilelocations thatreferencethesymbol atthegivenfilelocation

completions Returnspossible completions atagivenfilelocation

symbolDetails Returnatypeinformation anddocumentation forthesymbol atagivenfilelocation

format Returnseditinstructions toformatafile

outline Returnslistofnavigationtargetsforaparticularfile

open Notifies theserverthattheeditorhosthasopenedafile

close Notifies theserverthatapreviously openedfileisnowclosed

change Notifies theserverthatarangeofafilehaschanged

Requestlaunch LaunchadebugeesetBreakpoints Setsmultiplebreakpoints

continue, next,stepIn,stepOut

Executioncontrol

stackTrace Returnsthestacktracefromthecurrentexecutionstatevariables ReturnsthechildrenofallvariablesgivenavariablereferenceEventstopped Theexecutionofthedebugeehasstoppedexited Thedebugeehasterminated

Page 21: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

http://code.visualstudio.comhttps://code.visualstudio.com/Home/Connect

Page 22: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

http://www.omnisharp.net/http://www.typescriptlang.org/http://jpapa.me/yohottowel

http://jpapa.me/ngstyleshttp://johnpapa.net/visual-studio-code

http://jpapa.me/vscodetsdemo

Page 23: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

Azure Web App

Page 24: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

클라우드의종류

Page 25: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

.NETPython

Developappswith…Node.jsJava

PHP

Page 26: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 27: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

GitHubVisualStudioOnline

Git BitBucketCodePlex DropBox FTP

Chooseyourown(deployment)Adventure!

Deployment

Page 28: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 29: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

• CreateAzureResourcesduringFile/New• CreateAzureWebsiteduringdeploy

Visual Studio Code

Page 30: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 31: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

• CreateMySQL• CreateTable inMySQL

MySQL Database

Page 32: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경
Page 33: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

Scale

Page 34: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

ManualScaling

1 6InstanceCount Instances

Page 35: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

AutoScale

Page 36: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

AutoScale

Page 37: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

AutoScale

Page 38: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

Auto-Scaling

2 6

60 80

InstanceCount

Percent

Instances

CPU

Page 39: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

DemoManualScaleScheduledScaleAutoScale

Page 40: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

“andallthatPaaS…”

Page 41: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

MicrosoftAzureServices

ADMultifactorAuthentication

AccessCon

trol

Layer

Integration

layer

ServiceBus CDNBizTalkServices

TrafficManager

VirtualNetworks

ExpressRoute

Application

layer

APIMgmt WebsitesCloudServices VM

MobileServices

MediaServices

NotificationHubs Scheduler Automation

DataLayer

Blobs Tables QueuesMachineLearning HDInsight

BackupandRecoverySQLDatabase Caching StorSimple

Page 42: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경

교육용무료 Azure이용 Guide대학교및고등학교교육시아래와같은Microsoft의무료 Azure를이용하실수있습니다.

AzureEducatorGrant

• 애저전기능사용가능

• 지도교수:1년간월 $250,학생:6개월간월 $100

• 대학교만신청가능,지도교수가직접신청

• 일정수준의정규교과과정을신청하여승인받아사용

DreamSparkAzure

• 애저일부기능사용가능:WebApp,MySQL,Xamarin,VSOMobile App,MSSQL은 1월중가능

• 학생이직접신청 (한국마이크로소프트에서인증코드지원)

• 모든학생이신청가능

교육을위한 Azure문의 ▶[email protected]

Page 43: 20160409 서브라임텍스트 대신 visual studio code로 만들어 보는 웹 환경