ASP.NET 웹 페이지 소개
업데이트: 2007년 11월
ASP.NET 웹 페이지에서는 웹 사이트에 대한 동적 콘텐츠를 만들 수 있습니다. 정적 HTML 페이지(.htm 또는 .html 파일)에서 서버는 파일을 읽고 이를 있는 그대로 웹 서버로 전송함으로써 웹 요청을 처리합니다. 반면에 ASP.NET 웹 페이지(.aspx 파일)에서는 웹 요청이 있을 때 페이지가 웹 서버에서 프로그램처럼 실행됩니다. 페이지가 실행되는 동안에는 값 계산, 데이터베이스 정보 읽기 또는 쓰기, 다른 프로그램 호출과 같이 웹 사이트에 필요한 모든 작업을 수행할 수 있습니다. 결과를 표시할 때는 페이지에서 태그(HTML이나 기타 태그 언어의 요소)가 동적으로 생성되고, 이러한 동적 출력이 브라우저로 전송됩니다.
이 항목에서는 웹 응용 프로그램에서 ASP.NET 웹 페이지의 작동 방식에 대한 기본적인 특성에 대해 간단히 설명합니다.
다시 게시 및 라운드트립
ASP.NET 페이지는 서버에서 코드처럼 실행됩니다. 따라서 페이지를 처리할 수 있도록, 사용자가 단추를 클릭할 때(또는 사용자가 확인란을 선택하거나 페이지의 다른 컨트롤과 상호 작용할 때) 페이지가 서버로 전송되도록 구성됩니다. 이 때마다 페이지가 다시 전송되어 해당 서버 코드를 다시 실행한 다음 새로운 페이지 버전을 렌더링하여 사용자에게 제공합니다.
ASP.NET 웹 페이지의 처리 주기는 다음과 같습니다.
사용자가 페이지를 요청합니다. 페이지 요청은 HTTP GET 메서드를 사용하여 수행됩니다. 페이지가 처음으로 실행되고 예비 처리 작업을 프로그래밍한 경우 해당 작업이 수행됩니다.
페이지에서 태그가 브라우저에 대해 동적으로 렌더링되고 사용자에게는 웹 페이지가 다른 페이지와 비슷하게 보입니다.
사용자가 정보를 입력하거나 사용 가능한 선택 항목 중에서 선택한 다음 단추를 클릭합니다. 사용자가 단추 대신 링크를 클릭하면 페이지가 단순히 다른 페이지로 이동되기 때문에 첫 번째 페이지에서는 더 이상의 처리 작업이 발생하지 않습니다.
페이지가 웹 서버에 게시됩니다. 브라우저는 ASP.NET에서 다시 게시로 참조되는 HTTP POST 메서드를 수행합니다. 다시 말해서, 페이지가 자체 페이지로 다시 게시됩니다. 예를 들어 사용자가 Default.aspx 페이지를 사용 중인 경우 이 페이지에서 단추를 클릭하면 Default.aspx의 대상이 있는 서버로 페이지가 다시 게시됩니다.
웹 서버에서 페이지가 다시 실행됩니다. 이 페이지에서는 사용자가 이전에 입력하거나 선택한 정보를 사용할 수 있습니다.
페이지에서 프로그래밍된 처리 작업이 수행됩니다.
페이지가 브라우저로 다시 렌더링됩니다.
이러한 주기는 사용자가 페이지에서 작업을 수행하는 동안 계속됩니다. 사용자가 단추를 클릭할 때마다 페이지의 정보가 웹 서버로 게시되고 페이지가 다시 실행됩니다. 이러한 각 주기를 라운드트립이라고 합니다. 페이지 처리는 웹 서버에서 이뤄지기 때문에 페이지에서 작업을 수행하려면 서버에 대한 라운드트립이 필요합니다.
.gif "참고") 참고: |
|---|
ASP.NET 웹 페이지는 서버에 대한 라운드트립이 필요하지 않은 클라이언트 스크립트를 실행할 수 있으며, 이는 사용자 입력의 유효성 검사와 일부 UI 프로그래밍 형식에 유용합니다. 자세한 내용은 ASP.NET 웹 페이지의 클라이언트 스크립트를 참조하십시오. |
페이지 간 게시
일부 환경에서는 페이지를 자체 페이지가 아닌 다른 페이지로 게시해야 할 수도 있습니다. 이러한 게시를 페이지 간 게시라고 합니다. 예를 들어 고객 주문을 처리하는 일련의 페이지를 만드는 경우를 가정할 수 있습니다. 각 페이지는 순서대로 다음 페이지로 게시될 수 있습니다. 자세한 내용은 ASP.NET 웹 페이지에서 페이지 간 게시를 참조하십시오.
페이지 수명
데스크톱 응용 프로그램의 폼과는 달리 ASP.NET 웹 페이지는 사용자가 폼을 사용하는 동안 시작되거나 실행되지 않으며, 사용자가 닫기 단추를 클릭할 때에만 언로드됩니다. 이러한 이유는 웹에 본질적으로 연결성이 없기 때문입니다. 브라우저가 웹 서버로부터 페이지를 요청하면, 브라우저와 서버가 요청을 처리하는 데 필요한 시간 동안만 연결됩니다. 웹 서버가 페이지를 브라우저로 렌더링하면 연결이 종료됩니다. 브라우저가 같은 웹 서버에 다른 작업을 요청하면, 같은 페이지에 대한 요청인 경우에도 새로운 요청으로 처리됩니다.
ASP.NET 페이지의 실행 방식은 이러한 웹의 비연결성으로부터 비롯됩니다. 사용자가 ASP.NET 웹 페이지를 요청하면 페이지의 새로운 인스턴스가 만들어집니다. 페이지가 해당 처리를 수행하고, 태그를 브라우저로 렌더링한 다음에는 페이지가 삭제됩니다. 사용자가 다시 게시를 수행하기 위해 단추를 클릭하면 페이지의 새로운 인스턴스가 만들어지고, 페이지가 처리를 수행한 다음 다시 삭제됩니다. 따라서 다시 게시와 라운드트립을 수행할 때마다 페이지에 대한 새로운 인스턴스가 생성됩니다.
자세한 내용은 ASP.NET 웹 페이지 만들기를 참조하십시오.
페이지 상태 지속
일반적인 HTTP 프로토콜에서 서버에 있는 페이지 관련 정보는 사용자가 페이지의 컨트롤을 사용하여 지정한 정보 뿐입니다. 왜냐하면 페이지가 게시될 때 브라우저에서 해당 정보만 서버로 전송하기 때문입니다. 변수 값이나 속성 설정 같은 기타 정보는 삭제됩니다. ASP.NET은 다음 방법으로 다른 페이지 정보를 유지합니다.
ASP.NET은 라운드트립 간에 컨트롤 설정(속성)을 저장하며, 이러한 방식을 컨트롤 상태 저장이라고 합니다.
ASP.NET은 상태 관리 기능을 제공하여 사용자가 라운드트립 간에 사용자 변수와 응용 프로그램 또는 세션 관련 정보를 저장할 수 있도록 합니다.
ASP.NET은 페이지가 처음 요청된 경우와 게시된 경우를 구분하여 인식할 수 있으므로 프로그래머가 각 상황에 따라 프로그래밍할 수 있습니다. 예를 들어 페이지가 처음 표시될 때는 데이터베이스에서 정보를 읽지만 이후의 모든 다시 게시에 대해서는 데이터베이스에서 정보를 읽지 않을 수 있습니다.
참고:페이지 정보를 캐싱하여 페이지를 최적화하도록 서버를 구성할 수도 있지만, 응용 프로그램 프로그래밍이라는 목적을 위해서는 서버가 페이지 처리를 완료하자마자 정보가 삭제된다고 생각하는 것이 가장 명확합니다.
자세한 내용은 ASP.NET 상태 관리 개요를 참조하십시오.
ASP.NET 웹 페이지 프로그래밍
.NET Framework에서는 Visual Basic, C#, J# 등의 여러 언어를 사용하여 ASP.NET 웹 페이지에 대한 서버 코드를 만들 수 있습니다. ASP.NET 웹 페이지에는 브라우저 내에서 실행되는 클라이언트 스크립트가 포함될 수 있습니다. 일부 ASP.NET 함수는 클라이언트 스크립트를 생성하고 이를 페이지에 삽입합니다. 이 경우 ASP.NET은 모든 브라우저에서 최적의 성능을 발휘할 수 있도록 항상 ECMAScript(JavaScript)를 생성합니다. 또한 사용자 지정 기능을 위해 고유 클라이언트 스크립트를 추가할 수 있습니다. 이렇게 하면 대상 브라우저와 호환되는 모든 클라이언트 스크립트 언어를 사용할 수 있습니다.
서버 컨트롤
다른 웹 페이지에서와 같이 ASP.NET 웹 페이지에는 정적 텍스트가 포함될 수 있습니다. 하지만 ASP.NET 웹 페이지에는 텍스트 상자, 확인란 및 단추와 같은 컨트롤을 추가하는 것이 가장 일반적입니다. 이러한 컨트롤을 사용하면 사용자가 페이지와 상호 작용하고 페이지가 다시 게시될 때 서버로 정보를 전송할 수 있습니다.
ASP.NET에는 웹 서버 컨트롤이라는 컨트롤 모음이 제공됩니다. ASP.NET 서버 컨트롤은 해당 HTML 폼 요소와 비슷할 수 있습니다. 예를 들어 ASP.NET TextBox 컨트롤은 HTML <input type="text"> 태그와 비슷합니다. 하지만 ASP.NET 서버 컨트롤은 HTML 요소보다 다양한 프로그래밍 환경을 제공합니다. 또한 HTML 요소에서 제공되는 것보다 훨씬 다양한 기능을 제공하는 ASP.NET 서버 컨트롤도 있습니다. ASP.NET 웹 페이지에서 사용할 수 있는 서버 컨트롤 중에는 달력 컨트롤, 리스트나 표를 표시하는 데이터 바인딩된 컨트롤, 사이트에 보안을 추가하기 위한 로그인 컨트롤 등 다양한 컨트롤이 있습니다.
자세한 내용은 ASP.NET 웹 서버 컨트롤 개요를 참조하십시오.
페이지 및 서버 컨트롤 이벤트
ASP.NET 웹 페이지와 컨트롤은 Windows Forms에서와 같은 이벤트 모델을 지원합니다. 예를 들어 사용자가 ASP.NET 웹 페이지에서 Button 서버 컨트롤을 클릭하면 페이지가 서버로 다시 게시되어 페이지가 다시 만들어지고 클릭 이벤트가 발생합니다. 페이지에 코드를 추가하여 이 클릭 이벤트에 응답하도록 할 수 있습니다.
페이지 자체는 초기화될 때 주기 이벤트(Page_Init 및 Page_Load 이벤트)를 발생시키므로 페이지 시작 시에 코드를 실행할 수 있습니다. 각 라운드트립마다 페이지가 생성되고 다시 초기화됩니다. 각 컨트롤은 자체 이벤트를 발생시킬 수 있습니다. 단추 컨트롤은 Click 이벤트를 발생시키고, 확인란 및 라디오 단추 컨트롤은 CheckedChanged 이벤트를 발생시키고, 목록 상자와 드롭다운 목록 컨트롤은 SelectedIndexChanged 이벤트를 발생시킵니다. Calendar 컨트롤과 같은 일부 컨트롤은 간단한 클릭 이벤트보다 추상적인 이벤트를 발생시킵니다. 예를 들어 Calendar 컨트롤은 사용자가 다른 월로 이동할 때 VisibleMonthChanged 이벤트를 발생시킵니다.
대부분의 ASP.NET 서버 컨트롤은 서버 코드에서 처리할 수 있는 일부 이벤트만 지원합니다. 이벤트를 처리하기 위해서는 사용자 선택 내용이 페이지로 전송되어 처리될 수 있도록 페이지에서 라운드트립이 수행되어야 합니다. onmouseover처럼 자주 발생하는 이벤트의 경우 이벤트가 발생할 때마다 또 다른 라운드트립이 서버로 보내지므로 페이지의 응답 시간이 상당히 느려지기 때문에 서버 컨트롤에서는 이러한 이벤트를 제공하지 않습니다. 하지만 onmouseover와 같은 클라이언트측 이벤트를 발생시키도록 ASP.NET 서버 컨트롤을 구성할 수 있습니다. 이 경우에는 컨트롤이 서버로 다시 게시되지 않으며, 이벤트에 응답하는 클라이언트 스크립트를 만듭니다.
이벤트 및 이벤트 처리기를 만들고 사용하는 방법은 ASP.NET 웹 페이지에서 서버 이벤트 처리를 참조하십시오.
브라우저 호환성
ASP.NET 웹 페이지 처리는 웹 서버에서 발생하므로, ASP.NET 웹 페이지는 모든 브라우저 또는 모바일 장치와 호환됩니다. 웹 페이지는 스타일이나 레이아웃과 같은 기능에 맞는 올바른 브라우저 호환 태그(XHTML 또는 기타 태그 언어)로 자동으로 렌더링됩니다. 또한 휴대폰과 같은 특정 장치에 맞게 출력을 렌더링하도록 특별히 디자인된 컨트롤로 웹 페이지를 만들 수 있습니다. 자세한 내용은 ASP.NET 모바일 웹 페이지 만들기를 참조하십시오.