Visual Studio에서 웹 사이트에서 공유된 코드 사용하기

웹사이트와 페이지 생성하기

지난 시간에 간단한 웹 페이지를 만들고 코드를 수정하는 작업을 했습니다. 오늘은 비쥬얼 스튜디오가 코드를 자동으로 공유하는 것에 대해 설명하겠습니다.

먼저 실습을 위해 아래와 같은 순서로 웹 사이트 시스템 파일을 하나 생성합니다.
1. 파일메뉴 에서 New Web Site를 클릭
2. Project Type은 사용하기 원하는 언어를 선택하고, ASP.NET 웹 사이트를 클릭합니다.
3. OK를 클릭하고 폴더에서 파일이 생성된 것을 확인

다음으로 간단한 컴포넌트를 생성합니다.
1. 솔루션 익스플로러를 이용하여 새로운 폴더를 하나 만듭니다.
2. 이름은 Code로 정합니다. (반드시 Code로 해야 합니다.)



3. 다음으로 Code 폴더에 Sample Class1 이라는 class 파일을 추가합니다.
4. 생성한 .cs 파일을 오픈하고 testString 이라는 single property 를 만듭니다.

using System; public class SampleClass1 {     public SampleClass1() {}     private string m_testString;     public string testString {     get{        return m_testString;     }     set{        m_testString = value;     } }

5. 저장(ctrl+5) 합니다.

다음의 웹 폼 페이지에 간단한 컨트롤을 생성하고 그것이 Code 폴더 안의 클래스와 자동으로 연결되는 것을 봅니다.

6. 사용자 정의 이름을 가진 .aspx 페이지를 생성하고 오픈 합니다.(저는 shareCode.aspx로 하겠습니다.)



7. 생성한 .aspx페이지에 TextBox, Label, Button 컨트롤을 드래그 하여 추가합니다.



8. Button 컨트롤을 마우스로 두 번 클릭하여 핸들러를 생성합니다.
9. 아래의 코드를 해당 핸들러에 코딩합니다.

void Button1_Click(object sender, EventArgs e) {         SampleClass1 sc = new SampleClass1(); }

다음 라인에 sc. 이라고 코딩을 하면 Code 폴더안에 위치한 SampleClass1의 프로퍼티인 testString이 드롭다운리스트에 나타납니다. 보시는 것 처럼 이전의 코딩 작업에서는 객체를 참조하고, 해당 클래스에 대한 정의 등이 필요했으나 닷넷2.0 에서는 이것을 자동으로 해결해주기에 아주 편해졌습니다.



그럼 계속해서 아래의 내용을 코딩을 합니다.

sc.testString = TextBox1.Text;
Label1.Text = sc.testString;

마지막으로 CTRL + F5 를 눌러서 페이지를 실행 하여 확인을 합니다.

아래와 그림처럼 실행되는 것을 확인할 수 있습니다.