(C# ASP.NET) 웹폼(Web Form) 시작하기 : 따라하기

C#으로 ASP.NET 웹폼을 시작하는 방법을 설명합니다.

아마 웹폼을 시작할려는 분은 C#의 초보자는 아니고 다음과 같은 경험 또는 실력이 있어야 할 겁니다.

• 윈폼 프로그램을 어느정도 잘 한다.
• HTML, CSS로 웹 페이지를 만들 수 있다.
• 윈폼에서 데이터베이스 프로그램을 만들 수 있다.

 

1. 먼저 비주얼스튜디오에서 ASP.NET 개발 도구가 설치되어 있어야 합니다.

비주얼스튜디오를 시작합니다.

[도구] 메뉴에서 "도구 및 기능 가져오기"를 선택합니다.

2. "ASP.NET 및 웹 개발"을 체크하고,  설치 세부 정보에서 ".NET Framework 프로젝트 및 항목 템플릿"도 선택합니다.

우측 하단의 [수정] 버튼을 누르고 설치합니다.

 

 

ASP.NET 앱

간단한 예제로 첫 번째 ASP.NET 웹폼 프로그램을 만들어 보겠습니다.

 

1. 비주얼스튜디오를 시작합니다.

2. 새 프로젝트 만들기에서 "ASP.NET 웹 애플리케이션(.NET Framework)"를 선택합니다.

새 프로젝트 만들기

3. [새 ASP.NET 웹 애플리케이션 만들기]에서 "비어 있음"을 선택하고, [만들기] 버튼을 누릅니다.

 

4. 솔루션 탐색기를 확인해 봅니다.

생성된 웹 페이지는 없습니다.

 

5. 웹 페이지를 한 개 추가해 보겠습니다.

프로젝트 위에서 마우스 오른쪽 버튼을 누르고, 추가 --> "Web Form"을 선택합니다.

 

 

 

6. 웹 페이지 이름을 입력합니다.

ASP.NET은 윈도우 서버(또는 윈도우7, 10, 11)의 IIS에서 동작합니다. 비주얼스튜디오에는 자동으로  IIS Express 버전을 내장하고 있습니다.

기본으로 부여된 이름을 그대로 사용하겠습니다.

ASP.NET 웹 페이지

 

 

반응형

 

 

7. "WebForm1.aspx"를 선택합니다.

좌측 하단의 [나누기]를 선택합니다.

HTML의 <div> 태그 사이에 마우스 포인터를 위치시키고, "Label"과 "Button"를 더블 클릭해서 가져옵니다.

 

ASP.NET

8. 만들어진 버튼을 더블 클릭해서 코드를 작성합니다.

윈폼 프로그램처럼 Text 속성이나, 이벤트 처리하는 방법을 동일합니다.

        protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text = "Hello, ASP.NET !!";
        }

 

9. [F5]  키를 누르고 실행합니다.

버튼을 클릭합니다.

ASP.NET 첫 번째 프로그램