소개

모든 CMS 솔루션 및 웹 응용 프로그램은 메인 페이지라 불리는 모든 사용자들이 모두 볼 수 있는 사용자 모드(User Mode)와 해당 웹 사이트를 관리하는 관리자 모드(Admin Mode)를 제공합니다.

Umbraco CMS에서는 이러한 관리자 모드를 백오피스(BackOffice)라는 용어로 표현합니다. 관리자 모드, 백오피스, 대시보드 등은 모두 같은 의미로 CMS 영역에서는 사용됩니다.

이번 시간은 간단하게 Umbraco에서 사용자 모드와 관리자 모드에 접속하는 방법에 대해서 설명합니다.

 

따라하기

1. Umbraco 소스를 웹 페이지로 실행시키려면 항상 아래 그림과 같이 Umbraco 소스에 마우스 오른쪽 버튼을 클릭했을 때 나타나는 [Open as a Web Site with Microsoft WebMatrix] 메뉴 항목을 클릭하면 됩니다.

062011_1653_41.png

 

2. 또한, WebMatrix로 열린 소스를 웹 브라우저로 실행하고자 할 때에는 WebMatrix의 [실행] 버튼을 클릭하여 컴퓨터에 설치된 브라우저 중 하나로 오픈 하면 됩니다. 1번과 2번 순서는 앞으로 Umbraco 학습 시 항상 동일하게 적용되는 부분입니다.

062011_1653_42.png

 

3. 아래 그림은 Umbraco CMS의 사용자 모드를 나타냅니다. 필자의 URL은 http://localhost:1867/ 입니다. 이 URL은 사용자마다 틀리게 보여지는 부분이니 신경 쓰지 않아도 됩니다. 차후 완성되는 Umbraco 소스는 로컬 서버가 아닌 원격 서버에서 실행시켜볼 예정입니다.

062011_1653_43.png

 

4. 아래 그림과 같이 Umbraco의 관리자 페이지인 백오피스로 접속하고자 할 때에는 http://Umbraco로컬소스/umbraco 로 접속하면 됩니다. 만약 관리자 권한으로 로그인 중이면 바로 백오피스로 접속하지만 그렇지 않은 경우에는 아래 그림처럼 사용자 계정 정보를 받는 로그인 창이 나타납니다. 여기에 최고 관리자 권한인 처음 설치시의 계정 정보를 입력 후 [로그인] 버튼을 클릭하여 로그인 합니다.

062011_1653_44.png

 

5. 최고 관리자 권한으로 로그인 후의 백오피스 모습입니다. 백오피스는 일반적으로 상단에 주요 메뉴와 왼쪽에 Content 섹션, 왼쪽 아래에 Selections 섹션이 있고 가운데 영역에 주요 설정 정보를 입력하는 대시보드가 위치합니다.

062011_1653_45.png

 

6. 백오피스에서 하나의 설정 사항을 변경해 보도록 하겠습니다. 왼쪽 Content 섹션에서 메인 페이지인 [Simple website]를 클릭 후 오른쪽 영역에서 Site 이름과 설명을 변경해 봅니다. 그런 후 이를 메인 페이지에 적용하려면 아래 그림과 같이 [Save and publish] 아이콘을 클릭하면 적용됩니다.

062011_1653_46.png

 

7. 백오피스에서 간단히 메인 페이지의 텍스트 내용을 변경한 내용이 적용된 페이지입니다.

062011_1653_47.png

 

 

마무리

일반적인 웹 사이트 제작과는 조금 다르게 CMS를 통한 웹 사이트는 메인 페이지를 꾸미는 모든 기능을 관리자 모드를 통해서 이루어집니다. 앞으로 진행되는 내용은 이러한 백오피스 사용에 대한 내용이 전부일 정도로 백오피스를 통한 Umbraco CMS 관리가 그만큼 중요합니다.

Umbraco 백오피스를 통한 사이트 제작… 이제 시작해 보도록 하겠습니다~

 

끝.





관련글



관련 동영상 참고 자료

  1. Umbraco 개발 환경 구축
  2. Umbraco 설치
  3. 사용자 모드와 관리자 모드(백오피스)
  4. 새로운 페이지(Page) 만들기
  5. 한글 언어팩(Languages) 적용하기
  6. 콘텐트 페이지 편집, 삭제, 메뉴 정렬 등 소개
  7. 미디어 파일 관리
  8. 사용자(User) 관리
  9. 스타일 추가 및 변경
  10. 템플릿(Templates)과 마스터페이지(MasterPages)
  11. Umbraco 페이지 필드(태그(Tags))
  12. 문서 타입(Document Types)
  13. 문서 타입(Document Types)에 속성 추가
  14. 부모 문서 타입(Document Types) 사용하기
  15. 문서 타입(Document Types) 내보내기 및 가져오기
  16. 문서 타입(Document Types) 자식 노드 허용
  17. 기본 매크로(Macros) 사용하기
  18. 새로운 매크로(Macro) 만들기
  19. 매크로(Macro)에 파라미터 전달
  20. 사진 갤러리(Gallery) 만들기 1
  21. 사진 갤러리(Gallery) 만들기 2 : XSLT 사용하기
  22. 사진 갤러리(Gallery) 만들기 3 : jQuery 슬라이드 쇼 플러그인 적용
  23. 회원(Members) 관리
  24. 사전(Dictionaries)
  25. 패키지(Packages)
  26. HTML 레벨의 스킨 파일 적용 1
  27. HTML 레벨의 스킨 파일 적용 2 : 상단 메뉴
  28. HTML 레벨의 스킨 파일 적용 3 : 서브 메뉴와 사이트 맵
  29. HTML 레벨의 스킨 파일 적용 4 : 서브 타이틀
  30. 배포 : Umbraco CMS를 원격 서버에서 실행




profile

박용준(redplus at redplus.net)
.NET 개발/강의 프리랜서, MVP, MCT
데브렉(http://www.devlec.com) 전임 강사
닷넷코리아(http://www.dotnetkorea.com) 사이트 운영