SharePoint Designer를 사용하여 사용자 지정 목록 보기 만들기

이 문서의 내용

• 목록 보기란?

• 목록 보기 만들기

• 다음 단계 제안

목록 보기란?

모든 SharePoint 목록 또는 라이브러리에는 하나 이상의 연결된 보기가 있습니다. 보기는 아래의 그림과 같이 목록에 저장된 목록 항목의 사용자 지정 가능한 라이브 표시입니다.

보기를 사용하여 목록이 브라우저에 표시되는 방식을 변경할 수 있습니다. 예를 들어 특정 항목만 표시되도록 필터를 만들거나, 가장 중요한 항목이 먼저 표시되도록 사용자 지정 정렬 순서를 만들거나, 목록을 쉽게 읽을 수 있도록 목록 열을 추가 및 제거할 수 있습니다.

요구에 맞게 목록 모양을 변경하려고 할 때마다 보기를 만들어야 합니다. 보기를 만들 때는 용도에 따라 기존 보기를 사용자 지정하거나 새 보기를 만들 수 있습니다. 예를 들어 공지 사항 목록에는 목록의 모든 항목이 표시된 보기 하나가 기본적으로 포함되고, 작업 목록에는 서로 다른 용도의 여러 보기가 기본적으로 포함됩니다. 진행 중인 작업, 기한이 오늘인 작업, 사용자에게 배정된 작업 등에 대한 보기가 있습니다. 따라서 아래 그림과 같이 요구에 가장 적합한 보기를 선택할 수 있습니다.

보기 자체는 XSLT 목록 보기 웹 파트 또는 간단히 XLV라고 하는 웹 파트입니다. 이 웹 파트는 사용자가 브라우저에서 목록이나 라이브러리를 볼 때 항상 해당 페이지로 이동하도록 기본적으로 사이트의 목록이나 라이브러리에 연결된 ASPX 페이지에 저장됩니다. SharePoint Designer 2010에서 보기를 열면 해당 보기에서 목록 데이터를 XML(Extensible Markup Language)로 가져와서 XSLT(XSL 변환)를 사용하여 데이터를 표시합니다. 다음은 SharePoint Designer 2010에서 표시되는 목록 보기입니다.

보기를 사용자 지정할 경우 SharePoint Designer 2010에서는 필요한 XSL(Extensible Stylesheet Language)을 페이지에 삽입합니다. SharePoint Designer 2010의 보기 편집 도구를 사용하여 보기를 사용자 지정할 수 없는 경우에는 항상 코드 보기에서 직접 XSL을 편집할 수 있습니다.

SharePoint Designer 2010에서는 목록 보기를 만드는 것 외에 SharePoint 목록 및 라이브러리, 데이터베이스, 웹 서비스, 서버 쪽 스크립트 등의 다양한 데이터 원본에서 읽을 수 있는 독립 실행형 데이터 보기를 만들 수도 있습니다. 데이터 보기는 ASPX 페이지에서 만들 수 있으며, 일반적으로 팀 사이트에 대시보드를 만드는 등의 목적으로 데이터를 한 곳으로 가져오는 데 사용됩니다. 목록 보기와 달리 데이터 보기는 SharePoint Designer 2010에서만 만들고 사용자 지정할 수 있습니다. 데이터 보기에 대한 자세한 내용을 보려면 관련 정보 섹션에서 해당 링크를 클릭하십시오.

맨 위로 이동

목록 보기 만들기

SharePoint Designer 2010에서 새 목록 보기를 만들려는 경우 ASPX 페이지에서 XSLT 목록 보기 웹 파트를 사용하여 새 ASPX 페이지를 만들면 이 페이지가 목록에 자동으로 연결됩니다. 이러한 보기를 모든 사람이 목록을 탐색할 때 표시되는 기본 보기로 지정할 수도 있고, 사용자가 목록을 탐색할 때 선택할 수 있는 추가 보기를 만들 수도 있습니다.

1. SharePoint Designer 2010에서 사이트를 열고 탐색 창에서 목록 및 라이브러리를 클릭합니다.

2. 갤러리에서 원하는 목록(예: 작업)을 클릭합니다.

3. 요약 페이지에서 보기 아래의 새로 만들기를 클릭합니다.

   

   참고: 또는 리본 메뉴의 목록 설정 탭에서 목록 보기를 클릭할 수도 있습니다.

4. 새 목록 보기 만들기 대화 상자에서 보기 이름을 지정합니다.

   

   참고:  지정한 이름은 보기의 제목과 파일 이름으로 사용됩니다.

5. 이 보기를 사용자가 목록을 탐색할 때 표시되는 기본 보기로 만들려면 이 보기를 기본 보기로 만듭니다.를 클릭합니다.

   이 보기를 목록의 기본 보기로 만들지 않은 경우에는 사용자가 선택할 수 있는 보기 중 하나로 이 보기로 표시됩니다.

6. 확인을 클릭하여 새 보기를 만들고 새 보기가 표시되는 목록의 요약 페이지로 돌아갑니다.

   아래의 그림에는 목록과 연결된 다른 보기와 함께 내 사용자 지정 목록 보기라는 새 보기가 표시되어 있습니다.

   

   목록에 대한 여러 보기를 만들려면 위의 단계를 반복합니다.

맨 위로 이동

다음 단계 제안

목록 보기를 만들면 보기에 대한 사용자 지정을 시작할 준비가 완료된 것입니다. 기존 보기를 사용자 지정하려면 요약 페이지에서 보기를 클릭하기만 하면 됩니다. 그러면 해당 보기가 포함된 ASPX 페이지가 열립니다. 보기를 선택하면 리본 메뉴에 보기를 사용자 지정하는 데 사용할 수 있는 여러 명령이 표시됩니다.

다음은 SharePoint Designer 2010에서 목록 보기를 사용자 지정할 수 있는 몇 가지 방법입니다.

• 열 추가 또는 제거    보기에서 쉽고 빠르게 열을 추가, 제거 또는 정렬할 수 있습니다. 예를 들어 각 목록 항목에 대한 제목 및 본문 필드만 표시하여 사용자를 위한 간단한 보기를 만들 수 있습니다.

• 데이터 필터링    특정 조건을 충족하는 항목만 표시하여 목록의 데이터를 필터링할 수 있습니다. 예를 들어 작업 목록에서 기한이 오늘인 항목만 표시하도록 선택할 수 있습니다.

• 정렬 및 그룹화    보기에서 데이터를 정렬하거나 그룹화할 수 있습니다. 예를 들어 사전순이나 숫자순으로 표시되도록 목록의 항목을 다시 정렬할 수 있습니다.

• 조건부 서식 적용    데이터가 특정 조건을 충족하는 경우 보기에 특정 서식을 적용할 수 있습니다. 예를 들어 아직 시작되지 않은 모든 작업을 빨간색으로 강조 표시할 수 있습니다.

• 다양한 보기 스타일 적용    다양한 보기 스타일을 선택하여 보기의 전체 레이아웃을 빠르고 쉽게 변경할 수 있습니다. 예를 들어 다른 모든 행이 음영 처리되는 스타일을 선택할 수 있습니다.

• 수식 열 만들기    스프레드시트와 유사하게 보기에서 다른 열의 계산 결과를 표시하는 계산된 열을 만들 수 있습니다. 예를 들어 재고량에 단가를 곱하여 별도의 열에 해당 품목의 합계를 표시할 수 있습니다.

• 페이지 변경    보기의 페이지를 변경할 수 있습니다. 예를 들어 5개 항목의 집합을 표시하거나 보기를 5개 항목으로 제한할 수 있습니다.

• 여러 원본의 데이터 표시    두 개 이상의 관련 데이터 원본을 연결하여 단일 보기에 표시할 수 있습니다. 예를 들어 한 목록의 제품 범주와 다른 목록의 제품 정보를 같은 보기에 표시할 수 있습니다.

• 비동기 업데이트 사용    보기에서 비동기 업데이트 또는 AJAX를 사용하도록 설정하여 브라우저에서 전체 페이지를 새로 고치지 않고도 목록의 변경 내용이 즉시 표시되도록 할 수 있습니다.

• 매개 변수 추가    매개 변수를 만들어 보기로 전달할 수 있습니다. 예를 들어 사용자 입력 메뉴에서 매개 변수를 전달한 후 이를 사용하여 보기가 표시되는 방식을 변경할 수 있습니다.

• HTML, ASP.NET 및 SharePoint 컨트롤 사용    이러한 컨트롤을 보기와 연결된 데이터 원본에 바인딩할 수 있습니다. 그런 다음 사용자가 이러한 컨트롤을 기반으로 보기의 모양을 변경할 수 있도록 허용할 수 있습니다.

이러한 작업을 비롯하여 보기를 사용자 지정하는 다양한 방법에 대한 자세한 내용을 보려면 관련 정보 섹션에서 해당 링크를 클릭하십시오.

맨 위로 이동