Share via

ASP.NET 서버 컨트롤 소개

  • 아티클

Web Forms 페이지를 작성할 때 사용할 수 있는 컨트롤 종류는 다음과 같습니다.

  • HTML 서버 컨트롤   프로그래밍할 수 있도록 서버에 표시되는 HTML 요소입니다. HTML 서버 컨트롤은 해당 HTML 요소에 매우 밀접하게 매핑되는 개체 모델을 표시합니다.

  • 웹 서버 컨트롤   HTML 서버 컨트롤보다 기본 제공 기능이 더 많은 컨트롤입니다. 웹 서버 컨트롤에는 단추와 텍스트 상자 같은 폼 형식의 컨트롤 뿐 아니라 달력과 같은 특수 용도의 컨트롤도 포함됩니다. 웹 서버 컨트롤은 해당 개체 모델이 HTML 구문을 반드시 반영하지는 않는다는 점에서 HTML 서버 컨트롤보다 더 추상적입니다.

  • 유효성 검사 컨트롤   논리를 포함하여 사용자의 입력을 테스트할 수 있는 컨트롤입니다. 유효성 검사 컨트롤을 입력 컨트롤에 연결하여 해당 입력 컨트롤에 대해 사용자가 입력한 내용을 테스트합니다. 유효성 검사 컨트롤을 통해 필수 필드를 확인하고, 특정 값이나 문자 패턴을 테스트하며, 값이 범위 내에 있는지 등을 확인할 수 있습니다.

  • 사용자 정의 컨트롤   Web Forms 페이지로 만드는 컨트롤입니다. 다른 Web Forms 페이지에 Web Forms 사용자 정의 컨트롤을 포함시켜 메뉴, 도구 모음 및 기타 다시 사용할 수 있는 요소를 쉽게 만들 수 있습니다.

    참고   모바일 장치용 출력을 만들 수도 있습니다. 이 경우 사용하는 ASP.NET 페이지 프레임워크는 같지만 Web Forms 페이지 대신 모바일 Web Forms 페이지를 만들고 모바일 장치용으로 특수하게 디자인된 컨트롤을 사용해야 합니다. 자세한 내용은 ASP.NET 모바일 웹 응용 프로그램 만들기를 참조하십시오.

모든 종류의 컨트롤을 동일한 페이지에서 사용할 수 있습니다. 다음 단원에서는 ASP.NET 서버 컨트롤에 대해 좀 더 자세히 설명합니다. 유효성 검사 컨트롤에 대한 자세한 내용은 Web Forms 유효성 검사를 참조하십시오. 사용자 정의 컨트롤에 대한 자세한 내용은 웹 사용자 정의 컨트롤 소개를 참조하십시오.

참고   서버 컨트롤이 제대로 작동하기 위해서는 클라이언트 스크립트가 필요한 경우도 있습니다. 브라우저에서 스크립팅이 비활성화될 경우 컨트롤이 계획대로 작동되지 않을 수 있습니다. 자세한 내용은 ASP.NET 서버 컨트롤 및 브라우저 기능을 참조하십시오.

HTML 서버 컨트롤

HTML 서버 컨트롤은 서버에서 볼 수 있고 프로그래밍할 수 있게 하는 특성을 가진 HTML 요소입니다. 기본적으로, Web Forms 페이지의 HTML 요소는 서버에서 사용할 수 없습니다. 이 요소는 브라우저로 전달되는 불투명 텍스트로 처리됩니다. 그러나 사용자는 HTML 요소를 HTML 서버 컨트롤로 변환하여 서버에서 프로그래밍할 수 있는 요소로 표시합니다.

HTML 서버 컨트롤의 개체 모델은 해당 요소의 개체 모델에 밀접하게 매핑됩니다. 예를 들어, HTML 특성은 HTML 서버 컨트롤에서 속성으로 표시됩니다.

페이지에 있는 모든 HTML 요소는 HTML 서버 컨트롤로 변환될 수 있습니다. 변환은 일부 특성에만 필요한 간단한 프로세스입니다. 최소한 HTML 요소는 RUNAT=SERVER 특성을 추가하여 컨트롤로 변환됩니다. 이렇게 하면 구문 분석을 하는 동안 서버측 페이지 처리에 사용할 컨트롤의 인스턴스를 만들어야 한다는 경고가 ASP.NET 페이지 프레임워크로 전달됩니다. 코드에서 컨트롤을 멤버로 참조하려면 컨트롤에 ID 특성을 할당해야 합니다.

페이지 프레임워크는 페이지에서 동적으로 사용되는 가장 일반적인 HTML 요소에 대해 미리 정의된 HTML 서버 컨트롤, 즉 폼, HTML <INPUT> 요소(텍스트 상자, 확인란, 전송 단추 등), 목록 상자(<SELECT>), 테이블, 이미지 등을 제공합니다. 이렇게 미리 정의된 HTML 서버 컨트롤은 일반 컨트롤의 기본 속성을 공유하며 각 컨트롤은 일반적으로 자체의 속성 집합과 이벤트를 제공하기도 합니다.

HTML 서버 컨트롤이 제공하는 기능은 다음과 같습니다.

  • 친숙한 개체 지향 기술을 사용하여 서버에 대해 프로그래밍할 수 있는 개체 모델. 각 서버 컨트롤은 컨트롤의 HTML 특성을 서버 코드에서 프로그래밍 방식으로 조작할 수 있는 속성을 제공합니다.
  • 클라이언트 기반 폼에서와 거의 같은 방법으로 이벤트 처리기를 작성할 수 있는 이벤트 집합. 단, 이벤트가 서버 코드로 처리되는 경우는 제외합니다.
  • 클라이언트 스크립트에서 이벤트를 처리할 수 있는 기능
  • 컨트롤 상태의 자동 유지 관리. 폼이 서버로 라운드트립하는 경우, 페이지가 브라우저로 다시 보내질 때 사용자가 HTML 서버 컨트롤에 입력한 값은 자동으로 유지됩니다.
  • 사용자가 컨트롤에 적절한 정보를 입력했는지 쉽게 확인할 수 있는 Web Forms 유효성 검사 과의 상호 작용
  • 컨트롤의 하나 또는 여러 속성에 대한 데이터 바인딩
  • Web Forms 페이지가 CSS 스타일시트를 지원하는 브라우저에 표시되는 경우 HTML 4.0 스타일에 대한 지원
  • 사용자 지정 특성의 통과. HTML 서버 컨트롤에 필요한 모든 특성을 추가할 수 있으며 페이지 프레임워크에서는 이것을 읽고 기능을 변경하지 않은 상태로 렌더링합니다. 이렇게 하면 해당 브라우저에 맞는 특성을 사용자의 컨트롤에 추가할 수 있습니다.

HTML 요소를 HTML 서버 컨트롤로 변환하는 방법에 대한 자세한 내용은 Web Forms 페이지에 HTML 서버 컨트롤 추가를 참조하십시오.

웹 서버 컨트롤

웹 서버 컨트롤은 다른 기능을 강조하여 디자인된 컨트롤 집합입니다. 웹 서버 컨트롤은 HTML 서버 컨트롤과 일대일로 매핑되지 않습니다. 그 대신, 컨트롤에 의해 렌더링된 실제 HTML이 프로그래밍한 해당 모델과 크게 다를 수 있는 추상 컨트롤로 정의됩니다. 예를 들어, RadioButtonList 웹 서버 컨트롤은 다른 HTML과 함께 인라인 텍스트로 렌더링되거나 테이블에 렌더링될 수 있습니다.

웹 서버 컨트롤에는 단추와 텍스트 상자 같은 기존의 폼 컨트롤과 테이블 같은 복합 컨트롤이 포함되며, 모눈에 데이터를 표시하고 날짜를 선택하는 등 자주 사용되는 폼 기능을 제공하는 컨트롤도 포함됩니다.

웹 서버 컨트롤은 위에서 설명한 HTML 서버 컨트롤의 모든 기능(HTML 요소에 대한 일대일 매핑 제외)과 함께 다음 추가 기능을 제공합니다.

  • 형식 안전 프로그래밍 기능을 제공하는 풍부한 개체 모델
  • 자동 브라우저 검색. 컨트롤은 브라우저 기능을 검색하고 기본 및 고급(HTML 4.0) 브라우저에 적절한 출력을 만들 수 있습니다.
  • 일부 컨트롤의 경우, 템플릿을 사용하여 컨트롤의 고유 모양을 정의할 수 있는 기능
  • 일부 컨트롤의 경우, 컨트롤의 이벤트로 인해 서버에 즉시 게시될지 또는 폼이 전송될 때 컨트롤의 이벤트가 대신 캐싱되고 발생될지를 지정하는 기능
  • 테이블의 단추와 같은 중첩된 컨트롤에서 컨테이너 컨트롤로 이벤트를 전달하는 기능

컨트롤은 HTML 뷰의 디자인 타임에서 다음과 같은 형식으로 페이지에 나타납니다.

<asp:button attributes runat="server"/>

이 경우의 특성은 HTML 요소의 속성이 아니라 웹 컨트롤의 속성입니다.

Web Forms 페이지를 실행하면 웹 서버 컨트롤이 해당 HTML을 사용하여 페이지에 렌더링됩니다. 이 작업은 브라우저 종류 뿐 아니라 컨트롤에 지정된 설정에 의해서도 좌우되는 경우가 많습니다. 예를 들어, TextBox 컨트롤은 해당 속성에 따라 <INPUT> 태그나 <TEXTAREA> 태그로 렌더링될 수 있습니다.

자세한 방법과 참고 자료는 각 컨트롤에 대해 개별적으로 제공됩니다. 자세한 내용은 Web Forms 페이지에서 사용할 수 있는 컨트롤을 참조하십시오.

참고 항목

Web Forms 페이지 | ASP.NET 서버 컨트롤 권장 사항 | 기능별 ASP.NET 서버 컨트롤 | Web Forms 유효성 검사 | 웹 사용자 정의 컨트롤 소개