다음을 통해 공유

(2) WebMatrix 설치부터 Hello World까지

  • 아티클

안녕하세요. 김대우 입니다.

 

어제의 강좌에 이어서, 이번에는 “(2) WebMatrix 설치부터 Hello World까지”라는 내용으로 진행해 보도록 하겠습니다.

사실 “설치”라고 말씀 드리기 어색할 정도로 그 과정이 쉬워서 쬐끔~ 민망하기도 하네요(그만큼, 설치 자체는 쉽다는 이야기에요~)

그럼 시작해 보겠습니다.

진행할 강좌는 아래와 같은 시리즈로 풀어볼 생각이에요~

 

(1) WebMatrix와 Razor! 이제 시작합니다.

(2) WebMatrix 설치부터 Hello World까지

(3) WebMatrix 다양한 기능 활용

 

WebMatrix를 설치하기 전에 꼭 알아두시면 좋습니다.

최근 마이크로소프트가 웹에서 작지만 여러 개발자와 관리자에게 도움이 되는 일들을 많이 진행하고 있었는데요. 그 중 하나가 바로 Web Platform 입니다. 제가 예전에 작성해둔 강좌도 옆에 있는데요.

마이크로소프트 웹 플랫폼 - (1) 다시 쓰는 웹 플랫폼

마이크로소프트 웹 플랫폼 - (2) 마이크로소프트 웹 플랫폼은 무엇인가?

 

마이크로소프트 웹 플랫폼에서 제공하는 다양한 개발환경, 데이터베이스, 프레임워크, 심지어는 오픈 소스 소프트웨어들을 하나의 어플리케이션으로 모두 설치/업데이트 하실 수 있습니다. 그게 바로 “ 웹 플랫폼 설치 관리자 – Web Platform Installer(이하 WPI)” 입니다.

이 “웹 플랫폼 설치 관리자”(이하 WPI)를 이용하시면 여러 장점들이 있는데요.

- 복잡한 웹서버 설치, 유지 보수 환경 구성을 클릭 딱 “한번”에 끝낼 수 있도록 쉬운 설치를 제공합니다.

- 개발환경과 배포환경, 웹서버 에서 일관적으로 어플리케이션에 필요한 구성요소들과 프레임워크, 데이터베이스, 관리 도구 둥을 유지 가능합니다.

- 웹사이트 및 웹 어플리케이션 제작에 필요한 웹서버 기능, 프레임워크, 데이터베이스, 개발환경을 이 WPI안에서 모두 제어가 가능합니다.

- 국내외 최고 수준의 오픈 소스 소프트웨어(OSS)를 클릭 한번으로 바로 설치 – 사용이 가능하며, 국내에서 가장 많이 사용되는 XpressEngine(구, 제로보드), Textyle, KimsQ와 같은 토종 오픈 소스 소프트웨어도 이 WPI에서 한번 클릭으로 설치가 가능합니다. (아~ 지금 보고 계신 이 www.sqler.com 웹사이트도 이 WPI의 XpressEngine클릭 한번으로 제작된 커뮤니티입니다.)

 

오늘 우리의 목표인 WebMatrix설치 도 마찬가지 입니다. 이 WPI를 통해서만 설치 가능합니다. – WPI에 대한 이야기는 나중에 천천히 더 풀어 보도록 하겠습니다.

WPI 관련 참고 링크 : https://www.microsoft.com/web/downloads/platform.aspx

 

설치 패키지 크기

IIS Developer Express 웹서버, WebMatrix 개발도구, SQL CE 데이터베이스, Razor 개발 엔진이 포함된 WebMatrix의 설치 패키지 크기는 단 15M입니다. 현재 Beta1이지만, 공식 버전도 이 크기를 유지할 예정이라고 하며, 설치 과정은 1분 이내 다운로드 및 설치가 가능하도록 목표로 하고 있습니다. 만약, .NET Framework4가 설치되어 있지 않다면 설치가 필요하며 포함한 전체 패키지는 50M 입니다.

 

설치 가능한 시스템 환경

현재 WebMatrix는 2010년 7월 8일 현재 Beta1 환경입니다. 지원하는 시스템 환경은 아래와 같으니 참고 하시길 바랍니다.(공식 버전에서는 지원하는 개발 환경이 추가될 수도 있다고 하네요.)

Windows XP Pro SP3이상, Windows Vista SP1이상, Windows 7, Windows Server 2003 SP2이상, Windows Server 2008, Windows 2008 R2 에서 설치가 가능합니다. 사실상 XP부터 모든 환경을 지원한다고 보시면 좋을 것 같아요.

아, 저 코난이는 당연히 새술은 새 부대에! 제가 진행하게될 WebMatrix와 Razor 강좌는 모두 Windows7 환경으로 진행하게 될 겁니다.

 

설치 진행!!! – 살짝 민망하지만, 클릭질 한번에 끝납니다. 저와 설치를 진행해 보시죠~

우선WebMatrix 공식 사이트에 접속합니다.(WebMatrix 공식 버전 발표 전후로 한글 지원 예정이 있다고 합니다.)

clip_image002

공식 사이트 링크 : https://www.microsoft.com/web/webmatrix/

clip_image004

 

이어서 우측 맨 위에 초록색 Download 클릭하시면 앞에서 소개해 드린 “웹 플랫폼 설치 관리자 – Web Platform Installer - WPI” 설치 화면이 보입니다. 오른쪽의 초록색 다운로드를 클릭해 주세요.

바로 다운로드 : https://www.microsoft.com/web/webmatrix/download/

 

clip_image006

자~ 설치가 끝나시면 앞에서 소개해 드린 “웹 플랫폼 설치 관리자-WPI”가 실행됩니다.

참고로, 이 WPI는 3.0 Beta버전이에요. 여기 에서 “Microsoft WebMatrix Beta”를 선택하고 install을 클릭!

(현재 WPI는 2.0 정식 버전이 한글로 모두 서비스 되고 있습니다. WPI 3.0 역시 정식 버전 발표시 한글을 지원할 예정이라고 합니다.)

 

clip_image008

영문 환경이실 경우 요렇게 나올 수 도 있으니 참고 하시길 바랍니다. 마찬가지로, "Install WebMatrix"를 클릭하시면 됩니다.

 

clip_image010

 

WebMatrix를 선택하시면 WebMatrix 실행에 필요한 종속된 프로그램들이 주르륵 자동으로 올라옵니다.(WPI 쌩유!!!)

찬찬히 어떤 녀석들이 설치되는지 살펴 보세요. (WPI의 장점!!! 기존에는 개발자와 관리자가 개별적으로 구성 했을 겁니다. 개별 구성했다가는 설치만 3박 4일 걸릴지도. 쿨럭… 보시는 것처럼,WPI가 이런 복잡한 설치/개발환경 구성을 깔끔하게 자동화/단순화/유지보수 해 줍니다.) 이제 설치가 자동으로 진행 되실 거에요~

 

clip_image012

이렇게 설치가 끝나면 Launch를 누르셔서 바로 WebMatrix를 실행하시거나, Finish를 눌러 종료 하시고, Windows7의 시작을 눌러 WebMatrix를 실행 하셔도 됩니다.

 

clip_image014

바로 클릭해서 실행하시면 이렇게~ WebMatrix 시작 화면을 보실 수 있습니다!!!

WebMatrix 설치 과정 요약!

(1) “웹 플랫폼 설치 관리자”를 실행하고 - https://www.microsoft.com/web/webmatrix/download/

(2) WebMatrix를 클릭한다.

(3) 끝~ 참 쉽죠잉~

참고로, Simple, Small, Seamless가 WebMatrix의 설계 철학이라고 하네요. 설치 과정에서 보신 것처럼, Small과 Simple은 확실히 철학 맞는 것 같습니다.(Razor를 이제 저랑 공부하시면 더욱 더 확실히 Simple의 철학을 느끼실 것 같아요!!!)

자 이제 Hello World를 찍어 볼까요~

자 이제 WebMatrix 처음 시작 화면에서 My Sites를 선택하고, 기본으로 되어있는 WebSite1을 선택합니다.

 

clip_image016

드디어 잘 모르겠지만, WebMatrix가 시작된 것 같습니다.

넵~ 바로 첫 번째 WebMatrix를 이용한 Razor 개발!!! 시작합니다.

 

clip_image018

왼쪽 하단의 “Files”를 클릭하고, 파일을 사이트에 추가 합니다. - ”Add a file to your site” 클릭합니다.

 

clip_image020

“Razor”를 실행하기 위해~ CSHTML을 선택하고, 이름을 HelloWorld.cshtml로 지정한 다음 OK를 클릭!

 

clip_image021

기본 HTML 코드가 완성되었을 겁니다. 중간 <Body> 영역에 아래 한 줄을 추가합니다.

Hello, 월드 : @DateTime.Now

한 줄을 추가하고, F12번 키를 누르거나 위의 “Run” 버튼을 누르시면 끝! (@ 선언자를 이용하지요.)

 

clip_image023

출력 완료~ (한글처리, 결과의 한글 날짜 출력 문제 없음을 확인해 보세요.)

자. 이렇게 WebMatrix 설치부터 Hello World까지 하나의 포스트로 진행해 보았습니다. 대충 WebMatrix 설치에 대해서 감이 잡히시나요?

 

오늘 진행한 내용을 요약해 보면

- “웹 플랫폼 설치 관리자-WPI”는 웹사이트 제작에 필요한 다양한 프레임워크, 개발환경, 데이터베이스 등을 관리하는 최고의 설치 관리자 입니다. 이 녀석 하나만 있으면 개발, 테스트, 실제 프러덕션 환경 모두에 꼭 맞는 웹서버 운영 환경 구축이 가능해요. 나름 깔끔한 녀석인 것 같네요. ^_^

- WebMatrix는 이 WPI로 클릭질 한번이면 설치가 완료됩니다. 설치 크기는 15M 내외(.NET Framework 제외). 설치 시간 1분.

- 그리고, HelloWorld까지 진행해 보았습니다.

 

자~ 그럼 다음 시간에는”(3) WebMatrix 다양한 기능 활용”이라는 내용으로 WebMatrix에 대한 기본적인 내용을 마치고, 다음 챕터 부터는 “Razor”를 이용한 개발 과정을 상세히 짚어 보도록 할께요~ 감사합니다.

 

참고링크 :

Introducing WebMatrix

Introducing “Razor” – a new view engine for ASP.NET

New Embedded Database Support with ASP.NET

Introducing IIS Express

Comments

  • Anonymous
    August 05, 2010
    현재 Naver 메인에 나오고 있습니다 ;) http://snipurl.com/109we5 (해당 회차 오픈캐스트)