단계별 연습: 팀 사이트 만들기

이 문서에서는 사용자에게 영감을 주는 예제 SharePoint 팀 사이트의 요소를 보여 주고 조직에서 유사한 사이트를 만드는 방법을 알아봅니다.

다른 팀원 또는 특정 프로젝트의 다른 사용자와 공동으로 작업할 때 팀 사이트를 사용할 수 있습니다. 일반적으로 모든(또는 대부분) 구성원은 팀 사이트를 통해 사이트에 콘텐츠를 제공할 수 있고, 정보는 팀이나 프로젝트의 구성원과 특정 관련자에게만 제공됩니다. 또한 팀 사이트는 그룹Teams 채널에 연결됩니다. 이렇게 하면 팀이 그룹 권한을 쉽게 가질 수 있고 Teams 공간을 통해 파일을 채팅하고, 만나고, 공유할 수 있습니다.

먼저 아직 팀 사이트를 만들지 않은 경우 SharePoint에서 팀 사이트 만들기를 확인하세요.

사이트에서 페이지를 편집하고 게시하는 방법을 알아보려면 이 문서의 섹션 및 웹 파트 관리 섹션을 확인하세요.

사이트를 만들고 페이지를 편집하는 방법을 알고 나면 다음 지침을 사용하여 표시된 요소를 추가할 수 있습니다.

예제 팀 사이트

영웅 및 뉴스 웹 파트의 이미지

  1. 팀 하이라이트 및 뉴스 정보를 공유하는 동안 시각적 개체를 가져옵니다. 방법 알아보기
  2. 빠른 실행 사이트 주변의 더 많은 콘텐츠에 대한 링크를 추가합니다. 방법 알아보기
  3. 팀에 알리기 팀 작업과 관련된 링크, 이벤트 및 콘텐츠를 제공합니다. 방법 알아보기

뉴스 웹 파트의 이미지

  1. 팀에 대한 뉴스 공유 팀에 관심 있는 뉴스 항목을 제공합니다. 방법 알아보기

Hero 웹 파트의 이미지

  1. 중요한 정보 하이라이트 Hero 웹 파트를 사용하여 주요 정보의 가시성을 높입니다. 방법 알아보기

Planner 웹 파트 이미지

  1. 프로젝트 상태 표시 Planner 웹 파트를 사용하여 프로젝트의 팀 진행률을 표시합니다. 방법 알아보기

사이트 활동 웹 파트의 이미지

  1. 최근 활동 표시 팀 사이트 콘텐츠에 대한 최신 업데이트를 자동으로 표시합니다. 방법 알아보기

섹션 및 웹 파트 관리

구역은 페이지를 구성하며 하나 이상의 웹 파트를 배치하는 위치입니다. 페이지를 편집할 때 각 섹션에는 레이아웃을 편집하거나, 이동하거나, 섹션을 삭제하는 컨트롤이 표시됩니다.

페이지 오른쪽 위에 있는 편집을 클릭하여 편집을 시작하세요.

페이지 상단의 편집 단추 이미지

섹션 앞이나 뒤의 + 기호는 여러 레이아웃 중 하나를 사용하여 섹션을 추가합니다.

사용 가능한 섹션 레이아웃 이미지

구역 작업에 대한 자세한 내용은 페이지의 구역 및 열 추가 또는 제거를 참조하세요.

섹션에 웹 파트를 추가하려면 섹션에서 더 하기 기호의 더하기 기호 이미지를 선택합니다. 이 이미지는 섹션의 웹 파트 앞이나 뒤에 나타날 수 있습니다. 그런 다음 사용할 웹 파트를 선택하세요. 모든 웹 파트에 대한 자세한 내용은 SharePoint 페이지의 웹 파트 사용을 참조하세요.

추천 웹 파트 이미지

웹 파트는 구역 내에서 편집, 이동 또는 삭제할 수 있습니다. 웹 파트 편집 아이콘은 각 웹 파트 형식에 세부 컨트롤을 엽니다.

맨 위로 이동

팀 하이라이트 및 뉴스

이 예제 페이지의 첫 번째 섹션에서는 2열 레이아웃을 사용합니다. 첫 번째 열에는 단일 타일 레이아웃을 사용하여 새 팀 멤버를 소개하는 정보에 연결하는 Hero 웹 파트가 있습니다. 그 위에는 제목이 있는 텍스트 웹 파트가 있습니다. 두 번째 열에는 목록 레이아웃을 사용하는 뉴스 웹 파트가 있습니다. 그 위에는 두 웹 파트를 정렬하는 데 도움이 되는 Spacer 웹 파트가 있습니다.

Hero 웹 파트News 웹 파트를 사용하는 방법을 알아보세요.

사이트의 Hero 및 News 웹 파트 이미지

빠른 실행

SharePoint 사이트의 조직 및 탐색을 쉽고 빠르게 사용자 지정할 수 있습니다. 메뉴 아래쪽에서 편집을 선택하여 빠른 실행 메뉴를 편집합니다.

빠른 실행 메뉴 이미지

각 메뉴 항목의 오른쪽에 있는 ...을 선택하여 항목을 편집, 이동 또는 제거합니다.

메뉴 옵션 이미지

편집하는 동안 초안을 나중에 저장하거나 삭제할 수 있습니다. 페이지 업데이트가 준비되면 게시를 선택하여 사이트 뷰어에 표시되도록 합니다.

게시 단추 이미지

맨 위로 이동

팀에 알리기

이 예제의 두 번째 섹션은 세 개의 열 레이아웃에 있으며 빠른 링크 웹 파트, 그룹 일정 웹 파트 및 문서 라이브러리 웹 파트를 포함합니다.

웹 파트가 있는 세 개의 열 레이아웃 이미지

빠른 링크 웹 파트는 다른 페이지 또는 사이트에 대한 링크를 제시하기 위해 사용하기 쉬운 몇 가지 메뉴 형식을 제공합니다. 이 팀 사이트 예제에서 이 웹 파트는 쉽고 빠른 참조를 위한 작은 아이콘이 있는 타일 레이아웃을 사용합니다.

빠른 링크 웹 파트의 이미지

빠른 링크 웹 파트 사용에 대한 자세한 내용은 빠른 링크 웹 파트 사용을 참조하세요.

그룹 일정

그룹 일정 웹 파트는 Office 365 그룹 일정에 있는 모임 및 약속을 자동으로 표시합니다. 팀 사이트를 만들 때 Office 365 그룹 및 관련 일정이 자동으로 만들어집니다.

그룹 일정 웹 파트의 이미지

그룹 일정 웹 파트에 대한 자세한 내용은 그룹 일정 웹 파트 사용을 참조하세요.

웹 파트 나열

팀이 쉽게 찾을 수 있는 문서를 포함한 사이트 콘텐츠를 표시합니다. 목록을 문서 라이브러리로 사용하거나 정보를 추적할 수 있습니다.

목록 웹 파트 이미지

목록 웹 파트 사용에 대한 자세한 내용은 목록 웹 파트 사용을 참조하세요.

맨 위로 이동

뉴스 웹 파트를 사용하여 중요한 뉴스 추가

팀 사이트를 사용하면 전체 팀에 대한 뉴스를 표시하거나 특정 사용자의 관심사에 맞는 뉴스를 필터링할 수 있습니다. 이 예제에서 뉴스 웹 파트는 현재 사용자에 대한 권장 사항을 원본으로 사용하고 배경이 있는 1열 섹션에서 나란히 배치된 레이아웃을 사용합니다.

레이아웃 옵션이 있는 뉴스 웹 파트 이미지

뉴스 웹 파트 사용에 대한 자세한 내용은 SharePoint 페이지에서 뉴스 웹 파트 사용을 참조하세요.

맨 위로 이동

중요한 정보 강조

팀에게 영향력이 큰 Hero 이미지, 회사 브랜드 및 중요한 뉴스를 알려 주세요. Hero 웹 파트를 사용하면 크고 눈에 띄는 이미지를 사용하여 사이트에서 가장 중요한 정보에 즉시 이목을 집중시킬 수 있습니다. 이 예제에서 사용되는 레이아웃은 2개의 타일입니다.

타일의 강력한 기능

타일에는 이미지, 토픽 제목, 제목, 설명 및 조치 사항 링크가 포함될 수 있습니다. 기타 조정에는 이미지 크기 조정 및 이미지 확대/축소 애니메이션에 대한 포커스 설정이 포함됩니다.

각 타일을 편집할 수 있습니다.

왼쪽에 있는 항목 이동 컨트롤을 사용하여 Hero 웹 파트 내의 타일을 다시 정렬할 수 있습니다. 오른쪽의 컨트롤을 사용하면 세부 정보를 편집하여 텍스트와 이미지를 조정하고, 가리키기 애니메이션의 초점을 설정하고, 이미지를 확대축소할 수 있습니다.

이 예제에서 Hero 웹 파트는 전체 너비 구역에 있습니다.

페이지의 Hero 웹 파트의 이미지

Hero 웹 파트 사용에 대한 자세한 내용은 Hero 웹 파트 사용을 참조하세요.

맨 위로 이동

프로젝트 상태 표시

Microsoft Planner를 사용하여 프로젝트를 관리하고 계획을 만든 경우 Planner 웹 파트를 사용하여 SharePoint 사이트에 해당 계획의 상태를 표시할 수 있습니다.

페이지의 Planner 웹 파트 이미지

Planner 웹 파트 사용에 대한 자세한 내용은 Planner 웹 파트 사용을 참조하세요.

맨 위로 이동

사이트 활동 웹 파트를 사용하여 팀 활동 표시

활동 웹 파트에는 하나의 설정(표시할 항목 수)만 있습니다. 웹 파트에서 표시되는 활동에는 페이지 업데이트와 팀 사이트에 저장된 모든 문서가 포함됩니다.

이 예제에는 웹 파트는 하나의 열 섹션에 있습니다.

페이지의 사이트 활동 웹 파트 이미지

사이트 활동 웹 파트 사용에 대한 자세한 내용은 사이트 활동 웹 파트 사용을 참조하세요.

맨 위로 이동

더 많은 정보를 원하는 경우

SharePoint 룩북에서 더 많은 예제를 확인하세요.

조직에 대한 사이트를 만들기 위한 다른 단계별 연습을 참조하세요.