ASP.NET 웹 서버 컨트롤 개요
업데이트: 2007년 11월
ASP.NET 웹 페이지를 만들 때 사용할 수 있는 컨트롤 종류는 다음과 같습니다.
HTML 서버 컨트롤 프로그래밍할 수 있도록 서버에 표시되는 HTML 요소입니다. HTML 서버 컨트롤은 해당 HTML 요소에 매우 밀접하게 매핑되는 개체 모델을 표시합니다.
웹 서버 컨트롤 HTML 서버 컨트롤보다 기본 제공 기능이 더 많은 컨트롤입니다. 웹 서버 컨트롤에는 단추와 텍스트 상자 같은 폼 컨트롤 뿐 아니라 달력, 메뉴, tree view 컨트롤과 같은 특수 용도의 컨트롤도 포함됩니다. 웹 서버 컨트롤은 해당 개체 모델이 HTML 구문을 반드시 반영하지는 않는다는 점에서 HTML 서버 컨트롤보다 더 추상적입니다.
유효성 검사 컨트롤 논리를 포함하여 TextBox 컨트롤과 같은 입력 컨트롤의 사용자 입력을 확인할 수 있는 컨트롤입니다. 유효성 검사 컨트롤을 통해 필수 필드를 확인하고, 특정 값이나 문자 패턴을 테스트하며, 값이 범위 내에 있는지 등을 확인할 수 있습니다. 자세한 내용은 유효성 검사 ASP.NET 컨트롤을 참조하십시오.
사용자 정의 컨트롤 ASP.NET 웹 페이지로 만드는 컨트롤입니다. 다른 ASP.NET 페이지에 ASP.NET 사용자 정의 컨트롤을 포함시켜 도구 모음 및 기타 다시 사용할 수 있는 요소를 쉽게 만들 수 있습니다. 자세한 내용은 ASP.NET 사용자 정의 컨트롤을 참조하십시오.
.gif "참고")
참고:모바일 장치용으로도 출력할 수 있습니다. 이 경우 사용하는 ASP.NET 페이지 프레임워크는 같지만 ASP.NET 웹 페이지 대신 모바일 ASP.NET 웹 페이지를 만들고 모바일 장치용으로 디자인된 컨트롤을 사용해야 합니다. 자세한 내용은 ASP.NET 모바일 웹 페이지 만들기를 참조하십시오.
모든 종류의 컨트롤을 동일한 페이지에서 사용할 수 있습니다. 다음 단원에서는 ASP.NET 서버 컨트롤에 대해 좀 더 자세히 설명합니다.
| 참고: |
|---|
서버 컨트롤이 제대로 작동하기 위해서는 클라이언트 스크립트가 필요한 경우도 있습니다. 브라우저에서 스크립팅이 비활성화될 경우 컨트롤이 계획대로 작동되지 않을 수 있습니다. 자세한 내용은 ASP.NET 웹 서버 컨트롤 및 브라우저 기능을 참조하십시오. |
HTML 서버 컨트롤
HTML 서버 컨트롤은 서버 코드로 프로그래밍 가능하게 만드는 특성을 가진 HTML 요소 또는 XHTML과 같은 지원되는 다른 태그의 요소입니다. 기본적으로 ASP.NET 웹 페이지의 HTML 요소는 서버에서 사용할 수 없습니다. 그 대신,브라우저로 전달되는 불투명 텍스트로 처리됩니다. 그러나 사용자는 HTML 요소를 HTML 서버 컨트롤로 변환하여 서버에서 프로그래밍할 수 있는 요소로 표시합니다.
HTML 서버 컨트롤의 개체 모델은 해당 요소의 개체 모델에 밀접하게 매핑됩니다. 예를 들어 HTML 특성은 HTML 서버 컨트롤에서 속성으로 표시됩니다.
페이지에 있는 모든 HTML 요소는 특성을 추가하면 HTML 서버 컨트롤로 변환될 수 있습니다. 구문 분석을 수행하는 동안 ASP.NET 페이지 프레임워크는 특성을 포함하는 모든 요소의 인스턴스를 만듭니다. 코드에서 컨트롤을 멤버로 참조하려면 컨트롤에 id 특성을 할당해야 합니다.
페이지 프레임워크에서는 페이지에서 동적으로 사용되는 가장 일반적인 HTML 요소에 대해 미리 정의된 HTML 서버 컨트롤 즉, form 요소, input 요소(텍스트 상자, 확인란, 전송 단추), select 요소 등을 제공합니다. 이렇게 미리 정의된 HTML 서버 컨트롤은 일반 컨트롤의 기본 속성을 공유하며 각 컨트롤은 일반적으로 자체의 속성 집합과 이벤트를 제공하기도 합니다.
HTML 서버 컨트롤이 제공하는 기능은 다음과 같습니다.
친숙한 개체 지향 기술을 사용하여 서버에 대해 프로그래밍할 수 있는 개체 모델 각 서버 컨트롤은 컨트롤의 태그 특성을 서버 코드에서 프로그래밍 방식으로 조작할 수 있는 속성을 제공합니다.
클라이언트 기반 폼에서와 거의 같은 방법으로 이벤트 처리기를 작성할 수 있는 이벤트 집합. 단, 이벤트가 서버 코드로 처리되는 경우는 제외합니다.
클라이언트 스크립트에서 이벤트를 처리할 수 있는 기능
컨트롤 상태의 자동 유지 관리. 페이지가 서버로 라운드트립하는 경우, 사용자가 HTML 서버 컨트롤에 입력한 값은 자동으로 유지되며 브라우저로 다시 보내집니다.
사용자가 컨트롤에 적절한 정보를 입력했는지 확인하기 위한 ASP.NET 유효성 검사 컨트롤과의 상호 작용
컨트롤의 하나 또는 여러 속성에 대한 데이터 바인딩
ASP.NET 페이지가 CSS 스타일시트를 지원하는 브라우저에 표시되는 경우 스타일에 대한 지원
사용자 지정 특성의 통과. HTML 서버 컨트롤에 필요한 모든 특성을 추가할 수 있으며 페이지 프레임워크에서는 기능을 변경하지 않은 상태로 이것을 렌더링합니다. 이렇게 하면 해당 브라우저에 맞는 특성을 사용자의 컨트롤에 추가할 수 있습니다.
HTML 요소를 HTML 서버 컨트롤로 변환하는 방법에 대한 자세한 내용은 방법: ASP.NET 구문을 사용하여 웹 페이지에 HTML 서버 컨트롤 추가를 참조하십시오.
웹 서버 컨트롤
웹 서버 컨트롤은 다른 기능을 강조하여 디자인된 컨트롤 집합입니다. 웹 서버 컨트롤은 HTML 서버 컨트롤과 일대일로 매핑되지 않아도 됩니다. 그 대신, 컨트롤에 의해 렌더링된 실제 태그가 프로그래밍한 해당 모델과 크게 다를 수 있는 추상 컨트롤로 정의됩니다. 예를 들어, RadioButtonList 웹 서버 컨트롤은 다른 태그와 함께 인라인 텍스트로 렌더링되거나 테이블에 렌더링될 수 있습니다.
웹 서버 컨트롤에는 단추와 텍스트 상자 같은 기존의 폼 컨트롤과 테이블 같은 복합 컨트롤이 포함되며, 모눈에 데이터를 표시하고 날짜를 선택하고 메뉴를 표시하는 등 자주 사용되는 폼 기능을 제공하는 컨트롤도 포함됩니다.
웹 서버 컨트롤은 위에서 설명한 HTML 서버 컨트롤의 모든 기능(요소에 대한 일대일 매핑 제외)과 함께 다음 추가 기능을 제공합니다.
형식 안전 프로그래밍 기능을 제공하는 풍부한 개체 모델
자동 브라우저 검색. 컨트롤은 브라우저 기능을 검색하고 적절한 태그를 렌더링할 수 있습니다.
일부 컨트롤의 경우 Templates을 사용하여 컨트롤의 사용자 고유 레이아웃을 정의하는 기능
일부 컨트롤의 경우, 컨트롤의 이벤트로 인해 서버에 즉시 게시될지 또는 페이지가 전송될 때 컨트롤의 이벤트가 대신 캐싱되고 발생될지를 지정하는 기능
사이트의 전체 컨트롤에 일관성 있는 모양을 정의할 수 있는 테마 지원 자세한 내용은 ASP.NET 테마 및 스킨을 참조하십시오.
테이블의 단추와 같은 중첩된 컨트롤에서 컨테이너 컨트롤로 이벤트를 전달하는 기능
컨트롤에는 다음과 같은 구문을 사용합니다.
<asp:button attributes id="Button1" />
이 경우의 특성은 HTML 요소의 속성이 아니라 웹 컨트롤의 속성입니다.
ASP.NET 웹 페이지를 실행하면 웹 서버 컨트롤이 해당 태그를 사용하여 페이지에 렌더링됩니다. 이 작업은 브라우저 종류 뿐 아니라 컨트롤에 지정된 설정에 의해서도 좌우되는 경우가 많습니다. 예를 들어, TextBox 컨트롤은 해당 속성에 따라 input 태그나 textarea 태그로 렌더링될 수 있습니다.
자세한 방법과 참고 자료는 각 컨트롤에 대해 개별적으로 제공됩니다.