Partager via


[Umbraco 강좌] 2. Umbraco 개발 환경 구축

이 내용은 ASP.NET MVP로 활동하고 계신 박용준님이 작성하신, 오픈소스 기반 웹사이트 제작 엔진인 Umbraco로 처음 웹사이트를 구축 및 개발하기 위한 시리즈 강좌입니다. 많은 도움 되시길 바랍니다.
==================================================================================================

소개

안녕하세요. 박용준입니다.

이번 시간에는 Umbraco CMS 오픈 소스 솔루션을 사용하기 위한 기반을 다지기 위한 필수 프로그램을 설치하는 과정을 설명 드리도록 하겠습니다.

Umbraco 소스 다운로드

Umbraco 소스는 아래 경로에서 언제든지 클리어 버전으로 다운로드 받을 수 있습니다.

또한, Web Platform Installer를 통해서도 쉽게 설치가 가능합니다.

Microsoft/Web : 웹 플랫폼 인스톨러(WPI)

Microsoft는 오프소스를 손쉽게 다운로드 받고 이를 설치할 수 있도록 [웹 플랫폼 인스톨러]라는 또 다른 관리 도구를 제공하고 있습니다.

이 도구는 https://www.microsoft.com/web 사이트에서 언제든지 최신 버전으로 받을 수 있습니다.

062011_0121_2Umbraco1.png

또한, 아래 그림처럼, [다운로드] 메뉴의 [웹 플랫폼 인스톨러] 메뉴를 사용하여 Web Platform Installer 3.0 프로그램을 다운로드 받아 설치할 수 있습니다.

062011_0121_2Umbraco2.png

참고.

WebMatrix에 대한 기본 강좌는 이미 https://www.sqler.com/의 아래 링크에서 제공되고 있으니 참고하시기 바랍니다.

  • WebMatrix 설치부터 Hello World까지 : https://www.sqler.com/196997

    Microsoft 기반 전문 개발자이시라면, WebMatrix 보다는 Visual Web Developer 2010 및 Visual Studio 2010을 사용하셔도 WebMatrix 사용과 동일한 기능을 구현할 수 있습니다. 아래 링크에서는 Visual Web Developer 2010 사용법에 대한 강좌를 제공하고 있습니다.

    절차

    Step 1: [웹 플랫폼 인스톨러]를 사용하여 Umbraco CMS 개발 환경 구축하기

    1. Microsoft/Web 사이트의 다운로드 메뉴에서 Microsoft Web Platform Installer 3.0을 다운로드 받습니다.

    062011_0121_2Umbraco3.png

    2. 다운로드 받은 설치 파일을 더블 클릭하여 설치를 진행합니다.

    062011_0121_2Umbraco4.png

    3. 설치가 완료된 후 언제든지 [시작]-[프로그램]-[Microsoft Web Platform Installer]를 실행하여 웹 플랫폼 인스톨러 프로그램을 실행할 수 있습니다.

    062011_0121_2Umbraco5.png

    4. 웹 플랫폼 설치 관리자 3.0(이하 WPI)이 설치 후 로드 되면 아래 그림처럼 설치할 수 있는 여러 제품 및 응용 프로그램 목록이 나열됩니다. 이 중에서 [응용 프로그램] 카테고리내의 [Umbraco CMS(영어)] 가 이번 강좌 시리즈를 통해서 저와 함께 다뤄볼 내용입니다.

    062011_0121_2Umbraco6.png

    5. 우선, Umbraco를 실행하기 위한 최소 도구를 설치하기 위하여 WPI의 제품 카테고리에서 3가지 제품을 설치합니다. 아래 그림처럼, [ASP.NET MVC 3], [Microsoft WebMatrix], [IIS 7 권장 구성]의 오른쪽에 있는 [추가] 버튼을 클릭합니다.

    062011_0121_2Umbraco7.png

    6. WPI를 사용하여 몇 분 정도의 설치시간이 진행된 후 설치가 완료되면 설치 목록 확인 후 [마침] 버튼을 클릭합니다.

    7. WebMatrix와 Umbraco를 같이 설치하면, 설치 완료 후 아래 그림처럼 Umbraco 소스가 바로 WebMatrix 도구를 통해서 로드 됩니다. Umbraco 소스는 기본값으로 [내 문서]-[My Web Sites]-[Umbraco CMS] 웹 사이트에 저장됩니다.

    8. 나중에 추가적인 다른 오픈 소스를 설치해서 운영하고자 할 때에는 언제든지 [Microsoft Web Platform Installer] 프로그램을 실행하여 설치할 수 있습니다.

    062011_0121_2Umbraco8.png

    9. 또한, Umbraco 소스를 실행 또는 편집할 때 사용할 에디터로 [WebMatrix]를 사용할 수 있는데, 이를 사용하려면, Umbraco가 설치된 폴더에 마우스 오른쪽 버튼을 클릭하여 나타나는 메뉴에서 [Open as a Web Site with Microsoft WebMatrix]를 실행하면 됩니다. 이 메뉴는 WebMatrix를 설치했을 때에만 나타나는 메뉴입니다.

    062011_0121_2Umbraco9.png

    10. WebMatrix 도구를 사용하여 Umbraco 소스(처음 소스 : 클리어 버전)를 열면 아래 그림처럼, WebMatrix에 대한 기본 구조에 Umbraco 소스가 나타납니다. 여기까지 진행하면 Umbraco CMS 개발 환경 구축이 완료가 됩니다.

    062011_0121_2Umbraco10.png

    Step 2: WebMatrix를 통한 직접 소스 설치

    Microsoft WebMatrix가 이미 설치된 상태에서는 WebMatrix 도구를 통해서 Umbraco 소스를 다운로드 받을 수 있습니다.

    1. WebMatrix를 실행합니다. 아래 그림과 같이 4가지 메뉴가 나타나는데, [웹 갤러리에서 사이트 만들기] 버튼을 클릭합니다.

    062011_0121_2Umbraco11.png

    2. CMS 카테고리 내에서 Umbraco를 검색해서 선택 후 [사이트 이름]을 입력한 후 [다음] 버튼을 눌러 Umbraco 소스를 다운로드 및 설치 진행 과정을 거칠 수 있습니다. 설치는 하지 않고 소스만 다운로드 하도록 하겠습니다. 나머지 절차는 WPI를 사용할 때와 동일합니다.

    062011_0121_2Umbraco12.png

    마무리

    자~ 그러면 이제 우리는 Umbraco에 대한 학습을 시작할 수 있는 단계까지 왔습니다. 시작이 반이라는 말씀을 알고 계시죠?

    오늘은 여기까지 마무리하고 다음시간에 Umbraco 솔루션을 실행 후 설치해 보도록 하겠습니다.

    끝.

관련글