Visual 2008과 신속한 애플리케이션개발 – 웹 어플리케이션

정병찬

(주)프리엠컨설팅 개발 팀장

johnharu@solutionbuilder.co.kr

http://www.solutionbuilder.co.kr

목차

• Visual Studio 2008 웹 개발 홖경

• ListView와 DataPager

• ASP.NET AJAX

• Silverlight

웹 어플리케이션

• ASP.NET AJAX 1.0 제공– 닷넷 프레임워크 3.5

– ASP.NET AJAX 프로젝트 템플릿

• Visual Studio의 웹 어플리케이션 프로젝트

• 자바스크립트 인텔리센스 기능 및 디버깅

• HTML/CSS 디자이너 제공– 분할 뷰(소스와 디자이너 제공)

– 중첩 마스터페이지 디자이너에서 지원

– CSS 속성, 관리/적용 스타일 윈도우

– CSS/HTML 레이아웃과 비쥬얼 향상

• 새로운 웹 데이터 컨트롤– LinqDataSource, ListView, DataPager

기술적인 요소

Visual Studio 2008

•LINQ

•HTML 디자이너

•CSS 지원

•자바스크립트 지원

ASP.NET

•새로운 데이터 관련컨트롤

•AJAX 1.0

마스터페이지

• 중첩 마스터페이지의 디자인 보기 제공

• 분할 화면 보기에서 잘 지원

LinqDataSource

• LINQ 쿼리를 통한 손쉬운 데이터 바인딩

• 페이징과 정렬 지원

• 편집과 삭제 모드 선택적으로 지원

• 필터링

• LINQ ORM을 통해 비즈니스 관련 유효성여부 판단 가능

ListView

• 새로운 데이터 바인딩 컨트롤

• DataList와 리피터의 기능

• 디자인 친화적

– CSS 스타일 레이아웃 사용 가능

– <select>와 같은 엘리먼트 사용 가능

DataPager

• ListView와 같은 컨트롤과 함께 사용

• 페이징 관련 컨트롤

• 유연한 페이징 관련 레이아웃 제공

ListView와 DataPager

ASP.NET AJAX

• 향상된 생산성

– 손쉽게 접근 가능한 개념들과 적은 코드 라인수

• 손쉬운 작성, 디버그, 유비보수

– 디자인과 개발 툴간 손쉬운 결합

• 통합 어플리케이션 모델

– ASP.NET 페이지, 서버 컨트롤들과 함께

• 어디에서나 실행

– Cross-browser

풍부한 사용자 인터페이스를 제공하는

웹 어플리케이션 구축을 위한 프레임워크

ASP.NET AJAX Architecture

ASP.NET AJAX Server Extensions

ASP.NET AJAX

Server

Controls

App Services

Bridge

Web Services

Bridge

Server FrameworkClient Framework and Services

Client Script Library

Controls, Components

Script Core

Base Class Library

Component Model and

UI Framework

Browser Compatibility

Client

Application

Services

Browser

Integration

ASP.NET 2.0

Application

Services

Page

Framework,

Server Controls

ASP.NET AJAX

ASP.NET PagesWeb Services

HTML, Script,

ASP.NET AJAX

Markup

Service

Proxies

Development Scenarios

• 서버 중심의 AJAX 웹 개발– 향상된 UI– 필요한 자바스크립트 사용– 핵심 로직은 서버에 (VB/C#)

• 클라이언트 중심의 AJAX 웹 개발

– 스크립트/DHTML의 힘을 이용

– 풍부하고 상호 작용적인 사용자 홖경 제공

– 내장된 매쉬업이나 가젯등의 새로운 홖경 제공

ASP.NET AJAX 확장 컨트롤

• ScriptManager

• ScriptManagerProxy

• UpdatePanel

• UpdateProgress

• Timer

ASP.NET AJAX 컨트롤 툴킷

• 공유된 소스, 커뮤니티 프로젝트

– 예제 컨트롤과 확장된 컨트롤들

– 손쉽게 구성 가능한 S아

• 모든 소스 코드와 문서

• 약 30여 가지의 컨트롤과 컴포넌트들

ASP.NET AJAX

Silverlight 소개

• Cross-Platform 홖경 요구– 미디어 홖경 및 RIA– MAC/Windows에서 고정된 홖경

• 통합 툴을 사용해 개발할 수 있는 유연한 프로그래밍 모델– 웹 기반 기술로 통합– 닷넷 프레임워크기반– 디자이너와 개발자가 분리된 툴 사용

• 효율적이면서 저가의 공급, 가용성이 뛰어난 미디어– Mobile w/ SMPTE VC-1를 위한 HD– Broad media ecosystem– 라이브나 요청에 의한 배포 가능 툴

닷넷+ Silverlight

• 높은 생산성을 보장하는 개발 프레임워크– C#, VB와 같은 다양한 언어 지원

– 마이크로소프트의 최신 기술 포함 (ex. LINQ)

– AJAX 통합

• Visual Studio & Expression과 같은 툴 제공

• Cross-platform & cross-browser plugin– MAX & Windows 기반의 Safari, Firefox, IE

– 빠르고 손쉬운 설치 프로세스

Silverlight 1.1

2D Graphics

Animations

Input (mouse, keyboard, ink)

Media (WMV, WMA, MP3)

Imaging (JPEG, PNG)

Text

HTTP Downloader

XAML Parser

JavaScript DOM

CLR

DLR

Controls

Layout

Editing

SOAP, WCF, RSS. REST

XMLReader / XMLWriter

LINQ

DRM

Silverlight Architecture

XAML

Browser Host

Integrated Ne

tworking Stac

k

DOM Integrati

onInstaller

JavaScript En

gine

Presentation Core

.NET for Silverlight

Inputs

Keyboard

Mouse

Ink

Media

WMV / VC1

WMA

MP3

Controls

Layout

Editing

UI Core

2D Vectors

Animation

Text

Images

Transforms

DRM

Media

Dynamic Languages

Ruby Python

BCL

Generics Collections

Web Services

REST

RSS

SOAP

POX

JSON

Data

LINQ LINQ-to-XML

WPF for Silverlight

Extensible Controls

Common Language Runtime

ASP.NET A

JAX Libs

<asp:xaml>

<asp:media>

Server Silverlight 1.0

Silverlight 1.1

Legend

Silverlight

요약

• Visual Studio 2008 웹 개발 환경

• ListView와 DataPager

• ASP.NET AJAX

• Silverlight

리소스

• Visual Studio 2008– 관련 사이트

• http://msdn2.microsoft.com/ko-kr/vstudio/default.aspx

• http://msdn2.microsoft.com/en-us/vstudio/products/default.aspx

• http://www.codeproject.com/dotnet/Visual_Studio_2008.asp

• http://channel9.msdn.com/ShowPost.aspx?PostID=328382

• http://msmvps.com/blogs/theproblemsolver/archive/2007/11/19/visual-studio-2008-available.aspx

– 블로그

• http://blogs.msdn.com/somasegar/archive/2007/11/19/visual-studio-2008-and-net-framework-3-5-shipped.aspx

• http://blogs.gotdotnet.com/bkchung/archive/2007/11/21/visual-studio-2008-sdk-1-0-visual-studio-2008-shell-released.aspx

• http://msmvps.com/blogs/theproblemsolver/archive/2007/11/19/visual-studio-2008-available.aspx

리소스

• ASP.NET AJAX– 관련 사이트

• http://www.asp.net/downloads/vs2008/

• http://www.asp.net/ajax/ajaxcontroltoolkit/samples/

• http://www.microsoft.com/downloads/details.aspx?FamilyID=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displaylang=en

• http://aspnetajax.com/

• http://msdn.microsoft.com/msdnmag/issues/07/02/CuttingEdge/default.aspx?loc=ko

– 블로그

• http://weblogs.asp.net/scottgu/archive/2007/01/23/asp-net-ajax-1-0-released.aspx

• http://blogs.msdn.com/webdevtools/archive/2007/07/28/upgrading-asp-net-ajax-1-0-websites-and-web-applications-to-net-framework-3-5.aspx

• http://blogs.msdn.com/brada/archive/2007/11/20/asp-net-ajax-toolkit-release-for-vs2008.aspx

리소스

• Silverlight– 관련 사이트

• http://silverlight.net/

• http://silverlight.net/GetStarted/

• http://www.microsoft.com/silverlight/

• http://msdn2.microsoft.com/ko-kr/silverlight/default.aspx

• http://silverlight.live.com/