.Net Web Application 2008 컴퓨터공학실험(Ⅰ) 2주 실습강의 .Net Web Application 2008 컴퓨터공학실험(Ⅰ)
Preview ASP.NET Execution Model ASP.NET Features Code Behind ASP.NET with VS.NET ASP.NET 기본 컨트롤들 ASP.NET Button Control 이 주의 실습 이 강의 자료의 모든 그림은 taeyo’s ASP & .NET (http://www.taeyo.pe.kr/)가 그 출처임을 밝힙니다.
ASP.NET Execution Model(1/3) Figure 1-1 ASP.NET : First Execution
ASP.NET Execution Model(2/3) Figure 1-2 Second Execution : Use Assembly Cache
ASP.NET Execution Model(3/3) Figure 1-3 Output Cache
ASP.NET Features(1/3) ASP ASP.NET Server Side Language Support VBScript, Jscript Full Visual Basic, Not VBScript. And C#, C++ Development Model Concepts Traditional, Top-down Model Control / Event Based Model Database Connection ADO ADO.NET Configuration IIS Metabase XML (Web.config) ASP , ASP.NET 에서 동일 Client 사용언어 JavaScript, Jscript 사용 가능 주 : ASP.NET 과 ASP.NET의 차이는 다음의 테이블로 정리가 가능합니다. 더 많은 차이가 있지만, 기능상의 추가에 대한 설명은 이후의 슬라이드에서 설명하게 됩니다. 기존의 ASP가 가지는 개발 모델은 전통적인 절차적 프로그래밍에 기초한 Top-down 모델을 가지게 됩니다.물론 클래스를 다소 지원하긴 했지만, ASP.NET에서 Code behind라는 개념을 도입, HTML(뷰) 와 코드(컨트롤)을 분리하게 되었고, 코드는 컴파일이 가능하여 Intermediate Language, 즉 IL로 변환, 실행 시간대에 JIT 컴파일러를 통해 컴파일이 됩니다. 물론 컴파일은 최초의 요청 때 이루어지고, 이후에는 소스의 변경이 있기 전까지 컴파일 된 코드를 Cache로 가지고 유도를 하게 됩니다. Figure 1-4 ASP VS ASP.NET
ASP.NET Features(2/3) Page.aspx Post-back Figure 1-5 Form의 동작방식
ASP.NET Features(3/3) ASP.NET에서 제공하는 새로운 기술들 Web Forms Server Controls Web Services Compiled Language support / Caching “On-the-fly” Deployments State management Improvements On-the-fly Deployment는 기존의 ASP에서 DLL파일 형태의 컨트롤을 교체해야 할 때 서버를 중지시킨 뒤에 파일을 교체하고, 다시 웹 서버를 가동하던 형태에서, ASP.NET에서는 파일이 웹 서버 실행 시간대에 교체가 가능하고, 다음 요청이 있을 때 교체된 컨트롤이 작동되게 됩니다.
Figure 1-6 HTML 페이지와 ASP.NET 코드 페이지 Code Behind(1/3) Figure 1-6 HTML 페이지와 ASP.NET 코드 페이지
Code Behind(2/3) Figure 1-7 예제 start.cs Figure 1-8 예제 start.html
Figure 1-9 ASP.NET page의 구성과 실행모습 Code Behind(3/3) Figure 1-9 ASP.NET page의 구성과 실행모습
ASP.NET with VS 2005 (1) Step 1 : 새로 만들기
ASP.NET with VS 2005 (2) Step 2 : 새 웹 사이트 생성
ASP.NET with VS 2005 (3) Step 3 : ASPX 코드 에디터 화면
ASP.NET with VS 2005 (4) Step 4 : ASPX 디자이너 보기
ASP.NET with VS 2005 (5) Step 5 : ASPX 디자이너 화면
Step 6 : 디자이너에서 Web Form 추가 ASP.NET with VS 2005 (6) Step 6 : 디자이너에서 Web Form 추가
ASP.NET with VS 2005 (6-1) Step 6-1 : Form 의 스타일 지정
ASP.NET with VS 2005 (7) Step 7 : 버튼 이벤트 추가
Step 8 : C# (Code File) 에디터 ASP.NET with VS 2005 (8) Step 8 : C# (Code File) 에디터
ASP.NET with VS 2005 (9) Step 9 : 전체 코드
ASP.NET with VS 2005 (10) Step 10 : 빌드 / 디버그를 통한 실행
ASP.NET 기본 컨트롤들(1/2) 컨트롤 설명 Label 사용자가 편집할 수 없는 표시 전용 텍스트 컨트롤. TextBox 사용자로부터 텍스트 데이터를 입력 받는 컨트롤.런타임에 편집하거나 프로그래밍 방식으로 변경 가능. Image 이미지 표시용 컨트롤. Button 주로 작업을 수행하도록 명령을 내리는 버튼 컨트롤 LinkButton 하이퍼링크 스타일의 버튼 컨트롤 ImageButton 이미지와 연결된 버튼 컨트롤. 이미지로 표시 HyperLink 하이퍼링크용 컨트롤
ASP.NET 기본 컨트롤들(2/2) 컨트롤 설명 CheckBox 사용자가 설정/해제할 수 있는 박스 모양의 컨트롤 (다중 선택 가능) RadioButton 사용자가 설정/해제할 수 있는 원 모양의 컨트롤 (다중 선택 불가) Panel 다른 컨트롤의 컨테이너 역할을 하는 컨트롤 Table 테이블 생성 컨트롤 TableRow 테이블에 셀을 생성하는 컨트롤 PlaceHolder 일종의 공간확보를 위한 컨트롤. 페이지에 이 컨트롤을 추가한 다음 런타임 시 동적으로 자식 요소들을 추가할 수 있다 Literal 정적인 텍스트를 웹 페이지로 렌더링 하는 컨트롤
Figure 1-10 Button 속성 (모양/동작) ASP.NET Button Control Figure 1-10 Button 속성 (모양/동작) Figure 1-11 Button 속성 (작업)
이 주의 실습 Web Page 계산기 만들기 기본적인 사칙연산만 구현하여도 상관없음. 주의점: 페이지 클래스는 페이지가 서버에서 라운드 트립이 발생할 때마다 초기화되고, 처리하고, 소멸됨.