소개

이번 시간은 Umbraco에서 제일 중요한 용어 중 하나인 문서 타입(Document Types)에 대한 설명을 하고자 합니다.

Umbraco에서 문서 타입(Document Types: 이하 문서 타입)은 마치 데이터베이스(Database)에서 한 개 이상의 필드(Field)를 묶어서 관리해주는 테이블(Table)과 같은 역할을 합니다. 여기서 필드(Field)는 앞 시간에 다뤄본 Umbraco 태그(페이지 필드)를 나타냅니다.

즉, 어떤 문서 타입은 어떤 페이지 필드로 이루어지는가에 대한 고민을 해보는 시간입니다.

가장 기본적인 문서 타입은 페이지 필드 중 bodyText와 같은 필드 하나로만 이루어진 Textpage 입니다.

자아~ 그러면, 새로운 문서 타입을 만들어 보는 절차를 따라 해보도록 하겠습니다.

 

따라하기

Step 1: Document Type 만들기

1. [백오피스]-[Settings]-[Document Types]을 열어보면, 아래 그림과 같이 2개의 문서 타입이 보입니다. 이 때, 필자가 사용한 [Simple website] 스킨이 아닌 다른 스킨을 사용하였다면 더 많은 문서 타입이 존재할 수 있습니다.

062311_1202_14Docum1.png

 

2. 새로운 문서 타입을 생성하려면, 문서 타입에 마우스 오른쪽 버튼클릭 후 [Create] 버튼을 클릭합니다.

062311_1202_14Docum2.png

 

3. [Create] 화면이 나타나면 문서 타입 Name을 입력 후 [Create]버튼을 클릭합니다. 필자는 "MyDocType"으로 입력하였습니다. 이때 문서 타입 생성시 [Create matching template] 체크박스를 클릭하면, MyDocType 이름으로 템플릿(마스터 페이지)이 하나 더 생성됩니다.

062311_1202_14Docum3.png

 

4. [MyDocType] 문서 타입을 선택하면 메인 영역에 4개의 탭이 구성됩니다. [Info], [Structure], [Generic properties], [Tabs]가 그것입니다.

062311_1202_14Docum4.png

 

5. 문서 타입 생성시 같이 생성된 [MyDocType] 템플릿에 아래 그림의 순서대로 "cphMain"이라는 이름의 ContentPlaceHolder를 추가합니다.

062311_1202_14Docum5.png

 

6. MyDocType을 상속 받는 MyDocTypePage란 이름의 템플릿을 하나 더 생성 후 [Umbraco 페이지 필드] 추가 아이콘을 클릭하여 "siteName"을 출력하도록 설정합니다.

062311_1202_14Docum6.png

 

7. MyDocType 문서 타입으로 돌아와서 [Info] 탭의 [Allowed templates] 항목에 MyDocTypePage를 체크하여 하위 마스터 페이지를 사용하도록 설정할 수 있습니다.

062311_1202_14Docum7.png

 

8. 또한, 모든 Content 페이지의 부모 문서 타입으로 사용하고 있는 [Textpage] 문서 타입을 사용하는 곳에서 [MyDocTypePage] 템플릿 레이아웃을 사용할 수 있도록 체크를 합니다.

062311_1202_14Docum8.png

 

9. 마지막으로 Content 페이지를 하나 생성합니다. "MyDocTypePage"란 이름으로 페이지를 생성한 후 [속성] 탭에서 [템플릿] 항목을 새롭게 생성한 [MyDocTypePage]로 설정하는 모습입니다. 다만, 현재까지는 바로 위에 있는 [문서 유형]은 이번 시간에 만든 [MyDocType]이 선택되지 않고, 기본 문서 타입인 [Textpage]가 선택된 모습을 보여줍니다.이 문서 유형도 우리가 만든 문서 유형으로 만드는 여러 가지 유형은 뒤에서 두 번의 강좌에 걸쳐서 따로 설명 드리도록 하겠습니다.

062311_1202_14Docum9.png

 

10. [MyDocTypePage] 페이지의 [Content] 탭에서 bodyText 내용을 간단히 입력합니다.

062311_1202_14Docum10.png

 

11. 페이지가 출력될 레이아웃 및 기능을 나타내는 마스터 페이지인 템플릿 페이지 중 [MyDocTypePage]에 "bodyText" Umbraco 페이지 필드를 삽입합니다.

062311_1202_14Docum11.png

 

12. [MyDocTypePage] 페이지를 미리 보기 아이콘을 클릭하여 실행하면, 아래 그림과 같이 "bodyText" 페이지 필드에 의해서 Content 페이지에서 입력한 내용이 정상적으로 출력됨을 알 수 있습니다.

062311_1202_14Docum12.png

 

 

마무리

문서 타입, 템플릿, 페이지 필드, 페이지(Content) 등의 용어가 한번 이상은 사용된 예제였습니다.

앞으로 4개 강좌만 더 살펴보고 나서 문서 타입(Document Type)에 대한 의미를 확실히 다지도록 하겠습니다.

조금만 더 전진하기 바랍니다.

 

 

끝.




관련글



관련 동영상 참고 자료

  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) 사이트 운영