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

이 문서의 내용

• 데이터 보기란?

• 리본 메뉴에서 데이터 보기 삽입

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

  • 탐색 창에서 데이터 원본 끌어 놓기

• 다음 단계 제안

데이터 보기란?

데이터 보기는 Microsoft ASP.NET 기술을 활용하는 데이터 원본의 사용자 지정이 가능한 보기입니다. SharePoint Designer 2010은 XML(Extensible Markup Language) 형식으로 데이터 원본의 데이터를 검색한 다음 XSLT(XSL 변환)를 사용하여 해당 데이터를 표시합니다.

SharePoint Designer 2010을 사용하여 데이터 보기를 수정할 수 있습니다. 데이터 보기는 데이터베이스 쿼리, XML 문서, 웹 서비스, SharePoint 목록 및 라이브러리, 서버 쪽 스크립트 등을 비롯하여 다양한 원본에 대한 읽기 및 쓰기 권한을 제공합니다. 여러 데이터 원본의 데이터를 표시하는 데이터 보기를 만들 수도 있습니다.

데이터 보기를 페이지에 삽입한 후 SharePoint Designer 2010의 WYSIWYG 도구를 사용하여 열을 추가/제거하거나, 필드를 필터링/정렬/그룹화하거나, 글꼴 서식 및 전체 레이아웃을 변경할 수 있습니다. WYSIWYG 도구를 사용하여 데이터 보기의 서식을 지정하는 경우 SharePoint Designer 2010에서 필요한 XSL(Extensible Stylesheet Language)을 페이지에 직접 삽입하므로 XSL을 작성하는 방법을 몰라도 됩니다. XSL을 직접 작성하려면 언제든지 코드 보기에서 페이지를 열면 됩니다.

맨 위로 이동

리본 메뉴에서 데이터 보기 삽입

데이터 보기를 만들려면 먼저 SharePoint Designer 2010에서 페이지(ASP.NET 페이지)를 만들거나 열어야 합니다. 그런 다음 페이지에 데이터 보기를 추가합니다. 여러 가지 방법으로 데이터 보기를 만들 수 있지만, 리본 메뉴에서 데이터 보기 옵션을 사용하는 것이 가장 빠른 방법입니다. 이 방법을 사용하는 경우 데이터 원본을 한 번 클릭하여 선택하기만 하면 됩니다.

리본 메뉴에서 이 옵션을 사용할 때 목록 또는 라이브러리를 데이터 원본으로 선택하면 목록 보기(XLV)가 페이지에 추가되고, 목록 또는 라이브러리 대신 XML 파일, 데이터베이스 연결, 서버 쪽 스크립트, 웹 서비스 연결 등을 데이터 원본으로 선택하면 데이터 보기(DFWP)가 페이지에 추가됩니다. 목록 보기와 데이터 보기의 차이점에 대한 자세한 내용은 관련 정보 섹션을 참고하십시오.

리본 메뉴를 사용하여 데이터 보기를 만들려면 아래 단계를 수행하십시오.

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

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

3. 데이터 보기를 추가할 사이트 페이지를 선택합니다.

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

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

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

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

7. 다음과 비슷한 데이터 보기가 페이지에 만들어집니다.
   

맨 위로 이동

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

리본 메뉴의 데이터 보기 옵션을 사용하여 데이터 원본을 선택하는 대신 리본 메뉴를 사용하여 빈 데이터 보기를 삽입할 수도 있습니다. 빈 데이터 보기를 삽입할 경우 데이터 원본을 선택한 다음 데이터 원본 정보 작업창을 사용하여 페이지에 필드를 추가하는 방법을 지정합니다. 예를 들어 필드를 단일 항목 보기 또는 복수 항목 보기로 추가할 수 있습니다.

이 방법을 사용하여 데이터 보기를 만들 경우 XML 파일, 데이터베이스 연결, 서버 쪽 스크립트, 웹 서비스 연결, SharePoint 목록 및 라이브러리를 포함한 많은 데이터 원본을 선택할 수 있습니다. 이전의 단계들과는 달리 사용 중인 데이터 원본에 상관없이 페이지에 데이터 보기(DFWP)를 삽입합니다. 즉, SharePoint 목록 또는 라이브러리에 목록 보기(XLV)를 만들지 않고 데이터 보기(DFWP)를 만듭니다. 목록 보기와 데이터 보기의 차이점에 대한 자세한 내용은 관련 정보 섹션을 참고하십시오.

데이터 원본 정보 작업창을 사용하여 데이터 보기를 만들려면 아래 단계를 수행하십시오.

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

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

3. 데이터 보기를 추가할 사이트 페이지를 선택합니다.

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

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

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

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

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

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

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

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

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

    • 단일 항목 보기: 데이터 보기에 단일 레코드를 표시합니다.

    • 복수 항목 보기: 여러 레코드를 표시합니다. 열의 필드에 각 열에 대한 머리글이 있습니다.

12. 또는 선택한 필드를 작업창에서 페이지의 빈 데이터 보기 자리 표시자로 직접 끌어 놓을 수 있습니다. 그러면 필드가 페이지에 복수 항목 보기로 추가되고 표에 처음 다섯 개 필드가 표시됩니다.

13. 다음과 비슷한 데이터 보기가 페이지에 만들어집니다.
    

맨 위로 이동

다음 단계 제안

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

맨 위로 이동