웹 개발 101: 1부, WebMatrix 시작하기

Microsoft WebMatrix는 여러분이 인터넷에 웹 사이트를 만들고, 고치고, 발행하는 데 사용하실 수 있는 무료 도구입니다.

WebMatrix는 쉽게 웹 사이트를 만들 수 있게 해줍니다. 여러분은 WordPress, Joomla, DotNetNuke 또는 Orchard 등의 오픈 소스 애플리케이션 통해서 시작할 수 있는데, WebMatrix로 애플리케이션을 내려 받고, 설치하고, 설정할 수 있습니다. 아니면, 쉽게 시작 할 수 있도록 제공되는 템플릿을 사용하여 코드를 직접 쓸 수 있습니다. 이 중 어떤 방식을 선택하더라도, WebMatrix는 웹 서버, 데이터베이스, 그리고 프레임워크와 같이 웹 사이트가 동작하는 데 필요한 모든 것을 제공합니다. 웹 상에서 이용하는 것과 동일하게, 데스크톱에서 동일한 환경으로 작업할 수 있으며, 웹에 실제로 업로드 되어 사용하기까지의 과정에서 발생하는 고통과 걱정을 덜어 줍니다.

WebMatrix는 http://web.ms/webmatrix 를 통해 다운로드 하실 수 있습니다.

웹 플랫폼 인스톨러 사용하기

위 사이트에서 당신은 마이크로소프트의 WebMatrix 이외에도 다양한 제품들을 다운받을 수 있게 해 주는 무료 툴인 웹 플랫폼 인스톨러를 설치 할 수 있습니다.

웹 플랫폼 설치 관리자를 실행하면, 다음과 같은 화면이 보일 것입니다:

기본적으로 WebMatrix에 대한 설명과 크기, 버전, 릴리스 날짜가 나옵니다. [설치] 단추를 누릅니다. 그러면 WebMatrix의 저작권과 설치되는 종속 어플리케이션에 대한 저작권을 허용할 지를 물을 것입니다.

당신의 컴퓨터에 설치된 것에 따라서 다음과 비슷한 화면을 보게 될 것입니다:

다른 필요 종속프로그램들을 보더라도 걱정하지 마시고 ‘동의함’ 단추를 누르세요. 저작권 허용을 하면 바로 WebMatrix 설치가 시작됩니다.

WebMatrix가 설치되면, ‘축하합니다’ 화면을 보실 수 있습니다. 이는 실행에 필요한 모든 것을 설치했으며, 이제 시작할 준비가 되었다는 것을 나타냅니다. 여러분들의 화면에서는 설치되어야 할 종속 프로그램이 달라서 아래와 다른 목록이 나타날 수 있습니다.

WebMatrix 실행

WebMatrix는 시작 메뉴의 Microsoft WebMatrix 폴더에서 실행할 수 있습니다. 윈도우 7에서는 다음과 같이 보여질 것입니다.

Microsoft WebMatrix 아이콘을 선택하면 WebMatrix를 실행하실 수 있습니다. 아래와 같은 ‘빠른 시작’ 화면을 보실 수 있습니다.

빠른 시작 화면에서는 위와 같은 웹 사이트 제작 옵션을 제공합니다.

– 웹 갤러리에서 사이트 만들기: 웹 갤러리(WAG; The Web Application Gallery)는 다양한 기술을 사용해 만들어 진 오픈 소스 웹 애플리케이션의 모음이며, PHP와 ASP.NET을 포함합니다. WAG안의 어플리케이션은 멋진 시작을 할 수 있게 해 줍니다 – 익명의 누군가가 이미 써 둔 코드를 이용해 자유롭게 사이트를 만들 수 있습니다. WebMatrix는 코드를 내려 받고, 설치하고 배열하는 과정을 쉽게 만들어 줍니다.

– 템플릿에서 사이트 만들기: 웹 갤러리에서 오픈 소스 애플리케이션을 사용하는 경우를 포함해서, 여러분이 스스로 코드를 작성할 준비가 되셨다면, 변경 가능한 다수의 간단한 템플릿 사이트가 빈 웹 사이트보다 좋은 방법이 될 것입니다.

– 폴더에서 사이트 만들기: 여러분이 이미 웹 파일들을 가지고 계셔서 이를 웹 서버에서 빠르게 편집하고 실행하시려면, 간단히 폴더만 지정해 주면 WebMatrix가 이를 가능하게 해 줄 것입니다.

WebMatrix로 웹 사이트 만들기

개발자가 웹 사이트를 만드는 데 선호하는 두 가지 방식이 있습니다. 첫 번째, 이미 커뮤니티의 사람들이 많은 것을 해 놓은 오픈 소스 웹 어플리케이션(웹 갤러리 옵션을 이용)을 사용하는 것 입니다. 아마도 당신은 WordPress, Drupal, Joomla, Umbraco, DotNetNuke 그리고 Orchard를 들어보셨을 것입니다. WebMatrix는 쓰여진 기술에 상관 없이 코드를 받고 간단하고 매끄러운 서버를 구성하는 기능을 하도록 해 줍니다.

다른 하나는, 모든 것을 직접 작성하는 것입니다(템플릿에서 사이트 만들기 옵션 선택). WebMatrix로 간단하게 데이터베이스를 사용한 다이내믹한 웹 사이트를 만들고, 다른 미디어나 소셜 프레임워크와 융합할 수 있는 매우 강력한 방식인 ASP.NET 웹 페이지 프레임워크를 함께 사용합니다.

앞으로 당신은 좋아하는 영화의 데이터베이스를 제공하는 간단한 웹 사이트를 만드는 것이 얼마나 쉬운지를 보여주기 위해 ASP.NET 웹 페이지와 그것이 융합된 ‘Razor’프레임워크를 사용하는 방법을 배울 것 입니다. 사이트가 모든 종류의 웹 브라우저에서 실행되도록 하고, 새로운 웹 페이지를 만들고 그 웹 페이지들 데이터베이스에서 데이터를 받아와 페이지를 동적으로 만들어 보는 등의 기능을 배워볼 것 입니다.

2부에서는, 웹 사이트를 만들고 여기에 고정된 HTML페이지를 추가하는 것을 배울 것입니다.