세티의 Lonely Star ::

ASP.NET, Silverlight 관련 정보 공유

General Tech. 2009/08/29 15:34

1. Creating RIA Services With Silverlight 3 Part-2, http://dotnetslackers.com/articles/silverlight/RIA-Services-With-Silverlight-3-Part2.aspx#introduction

2. What are Stacks & Queues, http://aspnetcsharp4.blogspot.com/2009/08/what-are-stacks-queues.html

3. Insight into LINQ and its different components in .NET C#, http://aspnetcsharp4.blogspot.com/2009/08/insight-into-linq-and-its-different.html

4. Cleaning Up the Disabled State of a Silverlight Control using Expression Blend, http://weblogs.asp.net/dwahlin/archive/2009/08/27/cleaning-up-the-disabled-state-of-a-silverlight-control-using-expression-blend.aspx

5. ASP.NET 4.0 - Mejorando el Rendimiento con ViewStateMode, http://blogs.msdn.com/mvplead/archive/2009/08/28/asp-net-4-0-mejorando-el-rendimiento-con-viewstatemode.aspx

6. Package-up a SketchFlow Project, http://nickjosevski.wordpress.com/2009/08/27/package-up-a-sketchflow-project/

7. DataBinding in Nested Controls, http://leeontech.wordpress.com/2009/08/27/databinding-in-nested-controls/

8. How to enable Silverlight 3 to run out of the browser, http://alpascual.com/blog/how-to-enable-silverlight-3-to-run-out-of-the-browser/

9. Sketching and Prototyping with Blend 3, http://www.silverlightshow.net/items/Sketching-and-Prototyping-with-Blend-3.aspx

10. 요건 그냥~ WorldWide Telescope And Photosynth In Time’s 50 Best Websites List For 2009, http://www.liveside.net/main/archive/2009/08/28/worldwide-telescope-and-photosynth-in-time-s-50-best-websites-list-for-2009.aspx

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'General Tech.' 카테고리의 다른 글

[WCF 이슈] .svc실행시 MIME 등록하라고 할 때... (0)	2009/09/14
Step by Step 기술자료 (0)	2009/09/09
ASP.NET, Silverlight 관련 정보 공유 (0)	2009/08/29
MSDN 웹 캐스트 시리즈 (0)	2009/07/28
데이터베이스 구조 튼튼한지 확인(02) (0)	2009/04/26
관계형이란(01) (0)	2009/04/26

Posted by -세티-

ASP.NET, Silverlight 관련 정보 공유

0 | 0

안녕하세요. 세티 입니다. 요즘 글쓰기가 매우 뜸합니다.^^

인터넷에 좋은 자료들이 너무 많다 보니 글 하나를 쓸려고 해도 어떤 주제로 글을 쓸까 하는 고민을 하게 됩니다. 그렇게 고민하다 보면 글 쓸 시기를 놓치기도 하고, ‘나중에 써야지.’ 했다가 기억도 못하고 그럽니다.^^;; 그것도 그렇고 지난 1년간은 닷넷을 다룰 일이 없었습니다.그 1년간 웹 표준 기술(HTML+CSS+JavaScript)과 관련된 일을 했는데 그 곳에서 많이 배웠습니다.

많은 기회와 관심을 보여준 곳이었지만 제가 적응을 못했다고 보는 게 맞겠네요. ^^ 사실 회귀본능도 강하게 작용했구요.

모 아무튼… 새로운 곳에서 이것저것 잡다구리하게 일하고 있는데, 개발 표준 잡다가 심심해서 웹 표준 코딩과 닷넷을 결합해서 샘플을 하나 만들어 봤습니다.

사실 인터넷에 다 알려진 내용이라 새로울 건 없지만, 공유라는 차원에서 기록으로 남겨봅니다.~

웹 표준이란?

정보공학 측면에서 문서의 구조에 의미를 부여하자는 것이고, 그것을 사용하는 사용자들이 어떤 조건적 제약없이 쉽게 웹에 접근하여 이용 가능하도록 보장하는 것이라고 생각합니다.

문서의 구조에 의미를 부여한다는 것은 <bold>홍길동</bold> 처럼 무언가 강조되어야 할 글자에 디자인 의미를 가진 마크업을 사용하기 보단 <strong>홍길동</strong> 처럼 의미있는 테그 사용을 통해 문서의 구조를 만들자는 것입니다. 개발적 측면에서는 기존의 디자인+마크업+행위가 하나의 페이지에 모두 녹아있는 형태가 아닌 HTML, CSS, Javascript를 각각 분리하여 관리상의 이점을 가져가자는 측면도 있는 것입니다.

이러한 컨셉을 기반으로 닷넷으로 간단한 샘플을 만들어 보았습니다
첫번째 샘플은 다음의 조건을 가집니다.

‘웹 페이지 자체는 HTML, CSS, Javascript로 구분하되 테이블의 렌더링은 C#에서 한다.’

먼저 웹페이지를 만들겠습니다.
웹 페이지의 기본 구조는 다음과 같습니다.

타이틀 요소

메뉴요소

본문 요소

바닥글

이 구조를 만들기 위해 구조를위한 마크업과 CSS를 생성했습니다.

코드는 아래와 같습니다.

HTML 코드

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="OneMaster.aspx.cs" Inherits="CELSSample_OneMaster_OneDetail_OneMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<!—Outer Wrap à

<!— Title 영역 à

<p class="titMsg">One Master Sample</p>

</div>

<!— 메뉴 영역 à

</div>

<!— 본문 영역 à

<!— 본문에 들어갈 내용이 위치함 à

</div>

<!— 바닥글 영역 à

</div>

</form>

</body>

</html>

위의 코드를 보시면 문서 내부에 디자인 요소가 하나도 없음을 확인할 수 있습니다.

마크업을 데코레이션 하는데 필요한 CSS를 하나 생성합니다.

코드는 아래와 같습니다.

CSS 코드

body { background:#FFFFFF; font-size:12px; font-family:돋움; color:#333333; }

ul { list-style:none; padding:0; }

#wrap { width:1000px; margin:0 auto; }

#title { height:50px; text-align:center; }

#menu { float:left; width:130px; }

#main { float:left; width:850px; }

#bottom { float:left; width:1000px; height:30px; }

.titMsg { padding-top:20px; color:#1425D0; font-family:돋움, dotum; font-size:14px; font-weight:bold; }

.bottomMsg { padding-top:9px; text-align:center; font-size:10pt; font-family:돋움; }

.menuTitle { height:20px; background:#DEB887; text-align:center; width:130px; display:block; padding-top:8px; }

이렇게 마크업과 디자인을 구분하여 유지보수성을 높여줍니다. 기왕 만드는 김에 JS부분도 미리 만들어 놓겠습니다.

이렇게 해서 웹표준 코딩을 닷넷으로 적용하기 위한 준비를 끝냈습니다.

이제 이 웹 페이지 구조에 어떤 데이터를 읽고, 그것을 Html Table로 만들어서 보여줄려고 합니다. DataList를 사용하면 편하게 그릴수 있지만 웹 페이지 요소는 불가피한 경우를 제외하곤 ASP.NET 컨트롤의 사용을 최소화 하려고 합니다.

그런 의미에서 HtmlDataList 객체를 이용해서 표를 출력하고자 합니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'General .NET' 카테고리의 다른 글

ASP.NET MVC(C#)으로 15분만에 영화 데이터베이스 애플리케이션 생성하기(2) (0)	2009/11/18
ASP.NET MVC(C#)으로 15분만에 영화 데이터베이스 애플리케이션 생성하기(1) (2)	2009/11/17
ASP.NET으로 웹 표준 코딩 해보기(1) (0)	2009/05/22
웹 표준을 이용한 ASP.NET 2.0 웹 사이트 제작하기(1) (0)	2009/03/17
Socket Class (0)	2008/11/30
HttpWebRequest - 웹 화면 가져오기 (0)	2008/11/30

Posted by -세티-

ASP.NET, 웹표준

0 | 0

ASP.NET MVC Framework

General .NET 2008/03/27 00:34

원글 출처: http://weblogs.asp.net/scottgu/archive/2007/10/14/asp-net-mvc-framework.aspx

지난 몇 년간 많은 사람들이 ASP.NET이 model-view-controller(MVC) 아키텍처 기반의 웹 어플리케이션 개발을 지원하는지 궁금해 했다.

ASP.NET MVC 관련 영상: 여기

Model View Controller(MVC) 프레임워크란 무엇인가?
MVC는 프레임워크 방법론이다. 그것은 3개의 컴포넌트 롤을 가지는데 models, views, controllers 이다.

1. Models
- 어플리케이션의 컴포넌트(상태 유지를 위한 응답, 데이터베이스 내부에 지속)
- 예를 들어서 우리는 하나의 Procuct클래스를 가지고 있는데 그것은 SQL 내부의 Products table로 부터 주문 데이터를 나타내기 위해 사용한다.)

2. Views
- 어플리케이션의 사용자 인터페이스를 표현하기 위한 응답 컴포넌트.
- 일반적으로 UI는 모델 데이터와 분리되어 생성
- 예를 들어서 우리는 Product를 수정하기 위한 View를 생성하는데 그것은 텍스트 상자들, 드롭다운 그리고 체크박스를 위치시킨다.

3. Controlles
- MVC 기반 어플리케이션에서 최종사용자 인터렉션, 조작모델, 디스플레이되는 UI를 보기 위한 선택 을 핸들링 하기 위한 응답 컴포넌트

MVC방법론을 사용하는 장점 중의 어플리케이션 내의 모델, 뷰, 컨트롤 의 관계를 깔끔하게 분리할 수 있다는 것이다. 이러한 관계를 깨끗하게 분리함으로써 더욱 쉽게 어플리케이션을 테스트 할 수 있고, 서로 다른 어플리케이션 컴포넌트를 깔끔하게 정의할 수 있다.

MVC 패턴은 Test-Driven 개발(TDD)을 활성화 시켜줄 수 있다.
-자동화된 유닛 테스트 도구를 이용해서 새로운 코드에 대한 다양한 요구를 소화한다.

ASP.NET MVC 프레임워크에 대한 간략한 소개 몇가지
- MVC 프레임워크내의 모든 코어에 대한 접촉은 인터페이스와 mockable(그것은 IHTTPRequest/IHttpResponse)이다. ASP.NET 프로세스 내의 컨트롤을 실행할 필요없이 어플리케이션을 유닛테스트 할 수 있다. 테스트를 위해 유닛테스트 프레임워크를 사용할 수 있다.

- 높은 사용 경험과 플러그인
MVC프레임워크 전부는 쉽게 교체하고 관리할 수 있게 디자인 되어져 있다. 예를 들어서 자신이 만든 뷰 엔진을 플러그 인 할 수 있고, 정책을 세우고 파라미터를 직렬화 할 수 있다. 또한 인젝션과 독립적인 IOC 컨테이너 모델을 지원한다.(Windsor, Spring.NET, NHibemate 등)
- 매우 파워풀한 URL 매핑 컴포넌트를 포함한다. 예를 들어서 수정 액션시 /products/edit/4 라는 맵을 쉽게 맵할 수 있다.
- MVC 프레임워크는 ASP.NET, ASPX, ASCX, 그리고 뷰 템플릿으로 마스터 마크업을 지원한다. 포스트-백 모델 대신에 컨트롤 클래스에 최종 사용자 인터렉션을 라우트 할 수 있다.
- ASP.NET MVC 프레임워크는 forms/windows 인증, URL 인증, 멤버쉽/롤, output, 데이터 캐싱, 세션/프로파일, 상태관리, 헬스 모니터링, 수정 시스템, 제공자 아키텍처와 같은 ASP.NET에 있는 특징을 충분히 지원한다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

'General .NET' 카테고리의 다른 글

기초 C# - 제너릭 (0)	2008/04/27
닷넷의 소켓 클래스 (0)	2008/04/11
ASP.NET MVC Framework (0)	2008/03/27
Interface (0)	2008/02/19
Interface란? (0)	2008/02/18
스마트클라이언트 서명키 만들기 (0)	2008/02/17

Posted by -세티-

ASP.NET, ASP.NET MVC Framework, MVC, MVC Framework

0 | 0

세티의 Lonely Star

카테고리

태그목록

공지사항

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

링크

글 보관함

달력

032010 이전 다음

'ASP.NET'에 해당되는 글 3건

ASP.NET, Silverlight 관련 정보 공유

'General Tech.' 카테고리의 다른 글

Trackback : http://www.setisigns.net/trackback/334

ASP.NET으로 웹 표준 코딩 해보기(1)

'General .NET' 카테고리의 다른 글

Trackback : http://www.setisigns.net/trackback/313

ASP.NET MVC Framework

'General .NET' 카테고리의 다른 글

Trackback : http://www.setisigns.net/trackback/117