[Umbraco 강좌] 14. 문서 타입(Document Types)

Article
07/07/2011

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

소개

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

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

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

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

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

따라하기

Step 1: Document Type 만들기

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

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

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

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

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

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

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

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

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

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

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

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

마무리

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

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

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

끝.

관련글

Partager via

[Umbraco 강좌] 14. 문서 타입(Document Types)

Ressources supplémentaires