한빛출판네트워크

저자: 한동훈(traxacun@unitel.co.kr)

마이크로소프트의 공식 ASP.NET 지원 사이트 ASP.NET에 가보면 새로운 ASP.NET 개발 도구 Web Matrix의 정체가 공개된 것을 확인할 수 있습니다. 현재 첫번째 베타 버전을 내놓았지만 이 도구는 상당히 간편하고 멋진 기능들을 제공합니다. 가장 인상적인 것은 PC에 닷넷 프레임워크만 설치되어 있으면 이 도구를 사용할 수 있다는 것이며 무료라는 것입니다.

닷넷 프레임워크도 마이크로소프트의 사이트에서 무료로 다운 받을 수 있으며, ASP.NET 응용 프로그램을 개발하기 위한 완전한 도구는 ASP.NET에서 받을 수 있습니다. 또한 여기에서는 VS.NET에서 제공하는 ASP.NET 템플릿보다 더 다양한 템플릿을 제공하고 있습니다. 그래서 그렇게 대단하지 않다고 평가할 수도 있겠지만 개인적으로는 상당히 마음에 듭니다. ASP.NET 응용 프로그램을 이와 같이 세분화하여 할 수 있다는 것 때문에 또 새로운 눈을 뜨는 것 같습니다. 지금 이 글을 쓰는 순간에도 저 새로운 도구를 빨리 테스트해보고 싶다는 생각이 간절해집니다.

먼저 어디에서 다운 받는지 살펴보도록 하지요. ASP.NET 웹 사이트에 접속하면 다음과 같은 화면이 나타납니다.(초기화면은 추후에 얼마든지 변경될 수 있습니다)

초기 화면에 나와있는 이미지를 클릭하거나 Download and learn about ASP .NET Web Matrix Today!를 클릭합니다.

화면 왼쪽에 보면 Download Web Matrix가 나타납니다. 이 링크를 클릭합니다.

이 기사를 보고있는 여러분의 PC에는 닷넷 프레임워크가 설치되어 있을 테니 2번의 링크를 클릭하면 됩니다.

다운받기 위해 필요한 정보를 입력하고 Next >>를 클릭합니다.

포럼에 참여하지 않는다면 여기에서도 Next >>를 클릭합니다.

드디어 Web Matrix를 다운 받을 수 있는 곳에 이르렀군요. 축하합니다. 링크를 클릭해서 파일을 다운 로드 받고 설치합니다. 게다가 이 멋진 도구는 크기가 1.4M 정도 밖에 하지 않습니다. 다운도 금방이지요.

설치가 끝나면 윈도우 프로그램 메뉴에 다음과 같은 메뉴가 나타나는 것을 볼 수 있습니다.

ASP.NET Web Matrix를 실행합니다.

실행하면 위와 같은 화면이 나타나는 것을 볼 수 있습니다.

처음에 나타난 화면에서 볼 수 있는 것처럼 다양한 종류의 템플릿을 제공하는 것을 알 수 있습니다. 여기에서는 간단하게만 살펴보기 위해 ASP.NET Page를 선택합니다. Location에는 파일을 저장할 경로를 지정하고, Filename에는 사용할 파일 이름을 선택합니다. Language에는 여러분이 사용할 언어를 선택합니다. 저는 C#을 선택했습니다.

화면 왼쪽을 보면 Toolbox(도구 상자)가 나타나는 것을 볼 수 있습니다. 예, ASP.NET에서 사용할 수 있는 웹 폼 컨트롤들의 목록입니다. 또한 화면 가운데에 있는 화면이 Design, HTML, Code, All과 같이 구분되어 있는 것을 볼 수 있습니다. 컨트롤을 폼에 끌어다 놓고 디자인할 수 있고, HTML 탭에서는 HTML 소스를 볼 수 있으며, Code 탭에서는 코드를 볼 수 있고, All 탭에서는 HTML 소스와 소스 코드를 한 번에 살펴볼 수 있습니다. VS.NET 보다 훨씬 더 직관적이고 편리하다는 것을 느낄 수 있습니다.

이제 Web Matrix를 사용해서 ASP.NET 프로그래밍을 어떻게 하는지 알아보기 위해 간단한 Hello World 프로그램을 작성해 보도록 하죠. 다음 화면과 같이 컨트롤을 끌어다 놓습니다.

각 컨트롤의 기본 이름들은 모두 Label1과 Button1입니다. 여기에서는 특별히 아무것도 설정하지 않을 생각입니다. 이제 코드 탭으로 이동해서 다음 화면과 같은 코드를 입력하시기 바랍니다.

첫번째 Page_Load는 페이지가 로드될 때 실행되는 메소드입니다. 실제로 이것은 Page.Load 이벤트에 대한 메소드이며 기본 이벤트로 지정되어 있기 때문에 이벤트를 지정할 필요가 없습니다. Page_Load 메소드에서 첫번째는 Label1 컨트롤의 Text를 "Hello World"로 설정합니다. 따라서 웹 페이지를 실행할 때 디자인 화면에 있는 "Label"이라는 텍스트는 브라우저에 나타나지 않습니다. 두 번째 줄은 버튼을 클릭했을 때, 버튼 클릭 이벤트를 처리할 메소드를 정의합니다. 여기서는 버튼 클릭 이벤트에 대한 처리를 Button1_Click 이벤트로 지정한 것을 알 수 있습니다.

두 번째 메소드는 Button1_Click()이며 이것은 버튼을 클릭했을 때 실행됩니다. 여기서는 Label1 컨트롤의 "Hello World"를 "Welcome to Web Matrix"라는 문구로 바꿉니다. 이러한 코딩은 기존의 ASP.NET 프로그래밍과 다른 것이 전혀 없습니다. HTML 탭을 누르면 디자인 화면에서 추가한 컨트롤이 정의되어 있다는 것을 알 수 있습니다. All 탭을 누르면 다음 화면에서 볼 수 있는 것처럼 HTML 소스와 C# 코드를 한 번에 볼 수 있습니다.

이제 작성한 ASP .NET 응용 프로그램이 동작하는지 확인하기 위해 View | Start 메뉴를 선택합니다.

메뉴를 선택하거나 F5 키를 눌러서 응용 프로그램을 시작할 수 있습니다. 메뉴를 선택하면 다음과 같은 화면이 나타납니다.

첫번째는 응용 프로그램 디렉토리를 지정하는 부분입니다. 프로젝트를 처음 생성할 때 사용한 f:\asp.net 이라는 경로를 그대로 사용합니다. 다음 부분은 ASP.NET 응용 프로그램을 실행할 곳을 설정하는 부분입니다. 여기서 알 수 있는 것처럼 ASP.NET Web Matrix Server는 Web Matrix 자체의 서버를 이용할 수 있습니다. 즉, 여러분의 시스템에 IIS(Internet Information Server, 인터넷 정보 서버)가 설치되어 있지 않더라도 ASP.NET 웹 응용 프로그램을 테스트할 수 있게 해준다는 뜻입니다. 여기서는 "Use ASP.NET Web Matrix Server"를 선택했습니다. 이제 Start 버튼을 클릭합니다.

작업 표시줄에 트레이 아이콘이 생기면서 다음과 같은 메시지가 표시되는 것을 볼 수 있습니다.

프로그램을 실행한 결과는 다음과 같습니다.

버튼을 클릭하면 Label1 컨트롤의 메시지가 다음과 같이 변경되는 것을 볼 수 있습니다.

멋집니다! 이것으로 ASP.NET 웹 응용 프로그램을 어떻게 작성하는지 알아보았습니다. 잠시 시간을 내서 Web Matrix Server가 실행중임을 나타내는 트레이 아이콘을 마우스 오른쪽 버튼으로 클릭합니다. 버튼을 클릭하면 메뉴가 나타나는데, 이 중에 Show Details를 선택합니다.

여기서 볼 수 있는 것처럼 특정 포트(8080)로 응용 프로그램을 실행할 수 있으며, 웹 서버를 재시작하거나 중지시킬 수 있습니다. 웹 서비스도 Web Matrix를 사용해서 손쉽게 작성할 수 있습니다. 웹 서비스 프록시를 작성하기 위해 WSDL.exe나 SOAPSUDS.exe를 사용한 경험이 있을 겁니다. 물론, 웹 서비스 프록시 작성은 VS.NET에서도 알아서 해줍니다. Web Matrix를 살펴보면 다음과 같은 메뉴가 있습니다.

Tools | WebService Proxy Generator를 선택하면 다음과 같은 대화 상자를 볼 수 있습니다.

여기서 볼 수 있는 것처럼 몇 가지 간단한 설정을 하는 것으로 웹 서비스 프록시 클래스를 생성할 수 있습니다. Web Matrix는 데이터베이스 프로그래밍을 할 때도 유용하게 사용할 수 있습니다. Web Matirx의 오른쪽을 보면 여러 개의 창이 있습니다. 이중에 Data 탭을 클릭합니다.

지금보면 아무것도 나타나지 않는다는 것을 알 수 있습니다. 이 화면에서 아이콘을 클릭합니다.

화면에 위와 같은 대화 상자가 나타납니다. Windows authentication을 사용하며 데이터베이스 드롭 다운 목록의 화살표를 클릭해서 hb_chulpan 데이터베이스를 선택했습니다(예, 사실은 제가 작업중인 데이터베이스이기도 합니다). 대화상자 밑에 있는 Create a new database를 선택해서 새로운 데이터베이스를 생성할 수도 있습니다. 서버는 로컬에 설치된 것이 아니라 외부에 설치된 것도 연결할 수 있습니다. 이제 OK 버튼을 클릭합니다.

버튼을 클릭하고 나면 위와 같이 Data 창이 바뀌는 것을 볼 수 있습니다. 이제 데이터베이스에 있는 테이블과 저장 프로시저를 마음껏 탐색하고 살펴볼 수 있습니다.

Data 창이 제공하는 이점은 이것만 있는 것이 아닙니다. 위에 있는 그림과 같이 localhost.hb_chulpan 데이터베이스가 선택되어 있는 상태에서 Edit 아이콘()을 클릭합니다.

위와 같이 SQL 서버의 데이터베이스 설정을 수정할 수 있습니다. 직접 SQL 서버용 프로그램을 실행할 필요가 있습니다. 또한 테이블을 선택한 상태에서 Edit 아이콘을 클릭하면 다음과 같이 직접 테이블 내용을 수정할 수 있습니다.

화면의 밑에 있는 Edit/View Table Design을 클릭하면 테이블의 디자인을 수정할 수도 있습니다.

Query 아이콘() 을 사용하면 데이터베이스에 대해서 여러분이 원하는 질의를 실행하고 결과를 확인할 수 있습니다.

ASP.NET Web Matrix와 함께 설치되는 ClassBrowser 프로그램을 실행합니다. 이 프로그램을 실행한 화면은 다음과 같습니다.

다음 이미지는 이러한 클래스들중에 ArrayList 클래스를 살펴본 것입니다.

도움말은 온라인 MSDN이나 시스템에 설치된 닷넷 프레임워크 도움말로 연결되는 것을 알 수 있습니다. 이 프로그램을 사용하면 닷넷 프레임워크의 전체 클래스들을 멋지게 돌아다닐 수 있습니다.

이상으로 간단한 ASP.NET Web Matrix 여행을 마칩니다.

VS.NET은 많은 것을 자동으로 수행해주지만 그 안의 많은 내용들을 놓칠 수도 있습니다. 특히 초보라면 단순히 돌아간다는 사실만 알게 됩니다. 그러나 ASP.NET Web Matrix는 훌륭한 GUI 환경을 제공하면서 여러분이 직접 세세한 것들을 제어할 수 있게 해줍니다. 간단한 웹 응용 프로그램도 충분히 개발할 수 있으며 교육용으로도 상당히 좋다는 느낌을 받았습니다.

부디 여러분들도 이 멋진 도구를 사용하며 ASP.NET의 다양한 부분들을 살펴볼 수 있기를 바랍니다.