SharePoint Designer를 사용하여 데이터 양식 만들기

이 문서의 내용

• 양식이란?

• 리본 메뉴를 사용하여 양식 삽입

• 데이터 원본 정보 창을 사용하여 양식 삽입

• 다음 단계 제안

양식이란?

양식은 SharePoint Designer 2010의 데이터 보기 기능을 기반으로 하므로, 이해를 돕기 위해 데이터 보기에 대해 알아보는 것이 좋습니다. 데이터 보기는 데이터 원본의 사용자 지정 가능한 보기입니다. 데이터 보기는 ASPX 페이지에 보기 또는 양식으로 삽입할 수 있습니다. 보기로 삽입된 데이터 보기를 사용하면 데이터 표시 형식을 지정할 수 있습니다. 데이터 보기를 양식으로 삽입하는 경우 브라우저를 통해 데이터를 편집하면 변경 내용이 원래의 데이터 원본에 다시 기록된 후 저장됩니다.

양식으로 삽입되는 데이터 보기를 SharePoint 목록 및 라이브러리, 데이터베이스 연결, 로컬 XML 문서 등에 대해 만들 수 있습니다. 하지만 SOAP 및 REST 웹 서비스 연결에 대해서는 양식으로 삽입되는 데이터 보기를 만들 수 없습니다. 양식 자체는 항상 편집 모드이며 한 번에 하나 또는 여러 개의 레코드를 표시합니다. 사용자는 새 레코드를 추가하고 브라우저를 통해 기존 레코드를 수정할 수 있지만 레코드를 삭제할 수는 없습니다.

데이터 보기를 삽입하면 SharePoint Designer 2010에서 XML(Extensible Markup Language) 형식으로 데이터 원본의 데이터를 검색한 다음 XSLT(XSL 변환)를 사용하여 데이터를 표시합니다. 페이지에 양식을 삽입한 후 SharePoint Designer 2010에서 데이터 보기 편집 도구를 사용하여 열, 필터, 정렬, 그룹 필드 등을 추가하거나 제거할 수 있습니다. 또한 WYSIWYG 도구를 사용하여 양식의 글꼴 속성, 이미지, 컨트롤 및 전체 레이아웃을 변경할 수 있습니다.

이러한 도구를 사용할 때 SharePoint Designer 2010에서 필요한 XSLT를 페이지에 직접 삽입하므로 XSL을 작성하는 방법을 몰라도 됩니다. XSL을 사용자 지정하려면 언제든지 코드 보기에서 페이지를 열면 됩니다.

맨 위로 이동

리본 메뉴를 사용하여 양식 삽입

SharePoint Designer 2010의 리본 메뉴에서 데이터 뷰 및 폼 옵션을 사용하면 양식을 가장 빠르고 쉽게 만들 수 있습니다. 이 방법으로 양식을 만들 경우 새 항목 양식, 항목 편집 양식, 항목 표시 양식 중에서 선택할 수 있습니다. SharePoint 목록 및 라이브러리, XML 파일, 데이터베이스 연결 등과 같은 많은 데이터 원본에 대해 각 유형의 양식을 만들 수 있습니다.

이 방법으로 양식을 추가하면 SharePoint Designer 2010에서 DFWP(데이터 양식 웹 파트)를 페이지에 추가합니다. 그러면 리본 메뉴의 데이터 보기 편집 옵션과 페이지 자체의 WYSIWYG 도구를 사용하여 양식을 사용자 지정할 수 있습니다.

SharePoint Designer 2010의 리본 메뉴를 사용하여 양식을 삽입하려면 아래 단계를 수행하십시오.

1. 1단계. SharePoint Designer 2010에서 사이트를 엽니다.

2. 탐색 창에서 사이트 페이지를 클릭합니다.

3. 데이터 양식을 추가할 사이트 페이지를 선택합니다.
   데이터 양식에 대한 페이지가 없는 경우 ASPX 페이지 또는 웹 파트 페이지를 만들어야 합니다.

4. 페이지 탭의 편집 그룹에서 파일 편집을 클릭합니다.

5. 제공된 div 또는 양식 상자의 내부를 클릭합니다.
   웹 파트 페이지에서 div 태그 상자의 모양은 다음과 같습니다.
   
   ASPX 페이지에서 양식 상자의 모양은 다음과 같습니다.
   

6. 삽입 탭의 데이터 뷰 및 폼 그룹에 세 가지 양식 옵션이 표시됩니다.
   

7. 아래 설명한 대로 양식의 유형을 선택합니다.

8. 새 항목 양식은 단일 레코드에 대한 필드를 표시하며 필드는 비어 있습니다. 필드 이름이 있는 자체 행의 각 필드는 머리글입니다. 새 항목 양식을 사용하여 데이터 원본에 데이터를 한 번에 한 레코드씩 추가할 수 있습니다. 사용자가 새 레코드를 만드는 데 필요한 모든 필수 필드를 포함시켜야 합니다.

9. 항목 편집 양식은 단일 레코드를 양식으로 표시합니다. 필드 이름이 있는 자체 행의 각 필드는 해당 행의 머리글입니다. 항목 편집 양식을 사용하여 레코드를 한 번에 하나씩 편집할 수 있습니다. 양식에는 다음 레코드 또는 이전 레코드를 보는 데 사용할 수 있는 탐색 링크가 포함되어 있습니다.

10. 항목 표시 양식은 레코드를 보기로 표시합니다. 이 양식은 편집할 수 없으며 일반적으로 레코드의 속성을 보는 데 사용됩니다.

    참고:  한 번에 여러 항목을 보여주는 양식을 추가하려면 데이터 원본 정보 작업창을 사용하여 양식을 만드는 다음 단계를 참조하십시오.

11. 사용할 데이터 원본을 선택합니다.

    참고:  메뉴의 옵션 중 하나는 사용자 지정 목록 양식을 만드는 옵션입니다. 이 옵션은 SharePoint 목록 및 라이브러리에만 적용됩니다. 목록 양식에 대한 자세한 내용은 관련 정보 섹션을 참고하십시오.

12. 추가 데이터 원본을 표시하려면 추가 데이터 원본을 클릭하고 데이터 원본 선택 대화 상자에서 데이터 원본을 선택하고 확인을 클릭합니다.

13. 양식이 페이지에 추가되고 데이터 원본의 필드가 표시됩니다.

맨 위로 이동

데이터 원본 정보 창을 사용하여 양식 삽입

빈 데이터 보기를 삽입하고 만들 원본을 선택한 다음 데이터 원본 정보 창을 사용하여 개별 필드를 추가하는 방법으로 양식을 만들 수도 있습니다. 이 옵션을 사용하면 양식에 포함될 필드와 사용할 양식 유형을 차례로 선택할 수 있습니다. 단일 항목 양식, 복수 항목 양식, 새 항목 양식 중에서 선택할 수 있습니다.

이 방법으로 양식을 추가하면 SharePoint Designer 2010에서 DFWP(데이터 양식 웹 파트)를 페이지에 추가합니다. 그러면 리본 메뉴의 데이터 보기 편집 옵션과 페이지 자체의 WYSIWYG 도구를 사용하여 양식을 사용자 지정할 수 있습니다.

SharePoint Designer 2010의 데이터 원본 정보 창을 사용하여 양식을 삽입하려면 아래 단계를 수행하십시오.

1. SharePoint Designer 2010에서 사이트를 엽니다.

2. 탐색 창에서 사이트 페이지를 클릭합니다.

3. 데이터 양식을 추가할 사이트 페이지를 선택합니다.
   데이터 보기에 대한 페이지가 없는 경우 ASPX 페이지 또는 웹 파트 페이지를 만들어야 합니다. SharePoint 페이지를 만드는 방법은 관련 정보 섹션을 참고하십시오.

4. 페이지 탭의 편집 그룹에서 파일 편집을 클릭합니다.

5. 제공된 div 또는 양식 상자의 내부를 클릭합니다.
   웹 파트 페이지에서 div 태그 상자의 모양은 다음과 같습니다.
   
   ASPX 페이지에서 양식 상자의 모양은 다음과 같습니다.
   

6. 삽입 탭의 데이터 뷰 및 폼 그룹에서 데이터 보기를 클릭한 다음 데이터 보기 비우기를 선택합니다.

7. 표시되는 빈 데이터 보기 자리 표시자에서 데이터 원본을 선택하려면 여기를 클릭하십시오.를 클릭합니다.
   

8. 데이터 원본 선택 대화 상자에서 데이터 원본을 선택하고 확인을 클릭합니다.

9. 데이터 원본 정보 작업창이 표시됩니다.
   

10. 작업창에서 데이터 양식에 표시할 필드를 선택합니다. 여러 필드를 선택하려면 Ctrl 키를 누른 채로 해당 필드를 클릭하십시오.

    참고:  사용 중인 데이터 원본의 유형에 따라 일부 필드를 편집하지 못할 수도 있습니다. 예를 들어 SharePoint 사이트 또는 라이브러리에서는 만든 사람, 수정한 사람 및 기타 시스템 필드를 편집할 수 없습니다.

11. 다음과 같이 선택한 필드 삽입을 클릭하고 다음 옵션 중 하나를 선택합니다.

    • 단일 항목 양식은 단일 레코드를 양식으로 표시합니다. 필드 이름이 있는 자체 행의 각 필드는 해당 행의 머리글입니다. 단일 항목 양식을 사용하여 레코드를 한 번에 하나씩 편집할 수 있습니다. 양식에는 다음 레코드 또는 이전 레코드를 보는 데 사용할 수 있는 탐색 링크가 포함되어 있습니다.

    • 복수 항목 양식은 동일한 페이지에 여러 레코드를 양식으로 표시합니다. 각 필드에는 필드 이름이 있는 자체 열이 있으며 이 이름은 해당 열의 머리글입니다. 복수 항목 양식을 사용하면 한 번에 여러 레코드에 대한 데이터를 빠르게 편집한 다음 변경 내용을 동시에 저장할 수 있습니다.

    • 새 항목 양식은 단일 레코드에 대한 필드를 표시하며 필드는 비어 있습니다. 필드 이름이 있는 자체 행의 각 필드는 머리글입니다. 새 항목 양식을 사용하여 데이터 원본에 데이터를 한 번에 한 레코드씩 추가할 수 있습니다. 사용자가 새 레코드를 만드는 데 필요한 모든 필수 필드를 포함시켜야 합니다.

12. 데이터 양식이 사이트 페이지에 추가됩니다.

맨 위로 이동

다음 단계 제안

데이터 보기를 만들 경우 SharePoint Designer 2010의 WYSIWYG 서식 도구와 데이터 보기 도구를 사용하여 데이터 보기를 사용자 지정할 수 있습니다. 열 추가/제거, 데이터 필터링, 필드 정렬/그룹화, 조건부 서식 적용 등을 수행할 수 있습니다. WYSIWYG 도구를 사용하여 표의 전체 레이아웃을 변경하거나, 그래픽을 추가하거나, 텍스트 서식을 지정할 수 있습니다. 목록 및 데이터 보기를 사용자 지정하는 방법은 관련 정보 섹션을 참고하십시오.

맨 위로 이동