앱 홈 Lightning 페이지 구축
학습 목표
- Lightning 페이지에 구성 요소를 추가합니다.
- Lightning 페이지 구성 및 Lightning 구성 요소를 구성합니다.
- Lightning 페이지에 작업을 추가합니다.
- Lightning Experience 및 모바일 앱에 Lightning 페이지를 추가합니다.
참고
한국어로 학습하시겠어요? 이 배지에서는 Trailhead 실습과제 검증이 영어로 진행됩니다. 참조용 번역이 괄호로 제공됩니다. Trailhead Playground에서 (1) 로캘을 미국으로 바꾸고 (2) 언어를 영어로 바꾼 후 (3) 영문으로 표시된 값을 복사해 붙여 넣으세요. 여기에 나와 있는 지침을 따르세요.
원하는 언어로 Trailhead 사용하기 배지를 확인해 현지화된 Trailhead 경험을 활용하는 방법에 대해 자세히 알아보세요.
접근성
이 유닛에서는 스크린 리더 사용자를 위한 추가 지침이 있습니다. 이 유닛의 상세한 스크린 리더 버전에 액세스하려면 아래 링크를 클릭하세요.
앱 홈 Lightning 페이지
앱 페이지 만들기
영업 팀을 위한 앱 홈 페이지를 만들어 보겠습니다.
영업 팀은 주요 세부 사항을 한눈에 쉽게 볼 수 있도록 하는 시각적 인터페이스를 통해 파이프라인에서 주요 거래를 확인해야 합니다. 영업 팀에서는 가장 최근에 봤던 기회를 확인하고 탭 또는 클릭 한 번으로 레코드 세부 사항을 자세히 보기를 원합니다. 또한 이동 중에 통화를 기록하고 계정 및 기회를 생성하는 기능을 필요로 합니다.
시작해 볼까요?
- Setup(설정)의 Quick Find(빠른 찾기) 상자에
App Builder(앱 빌더)를 입력한 다음 Lightning App Builder(Lightning 앱 빌더)를 선택합니다. - New(새로 만들기)를 클릭합니다.
- App Page(앱 페이지)를 선택한 다음 Next(다음)를 클릭합니다.
- Lightning 페이지를
Top Accounts and Opportunities(주요 계정 및 기회)로 명명합니다. -
Two Regions(두 지역) 템플릿을 선택하고 Done(완료)을 클릭합니다.
Lightning 앱 빌더 설명 팝업 창이 열리면 닫습니다. - 목록 보기 구성 요소를 첫 번째 영역으로 드래그합니다.
- 속성 창에서 Accounts(계정)를 선택하고 Platinum and Gold SLA Customers(플래티넘 및 골드 SLA 고객) 필터를 선택한 다음 표시할 레코드 수를 5로 설정합니다.
- 두 번째 영역에 최근 항목 구성 요소를 추가합니다.
- 최근 항목 구성 요소의 속성 창에서 Select(선택)를 클릭하고 기회만 포함하도록 선택된 목록을 구성합니다.
- 속성 창에서 Page(페이지)를 클릭하고 선택(Select)을 클릭한 다음 이러한 작업을 페이지에 추가합니다.
- 통화 기록
- 새 계정
- 새 기회
글로벌 작업만 Lightning 앱 페이지에 추가할 수 있습니다.
- 도구 모음에서 보기를 태블릿-가로 방향으로 변경합니다.
- Save(저장)를 클릭한 다음 Not Yet(더 작업하기)를 클릭합니다.
페이지를 만들었으니 이를 Lightning Experience 및 모바일 앱에 추가할 준비가 거의 다 됐습니다.
앱 페이지를 Lightning Experience 및 Salesforce 모바일 앱에 추가합니다.
다른 페이지와 마찬가지로 사용자는 여러분이 활성화하기 전까지 앱 페이지에 액세스할 수 없습니다. 활성화 도중 한 곳에서 페이지의 사용자 정의 탭 레이블을 사용자 정의하고, 가시성을 조정하고, Salesforce 모바일 앱 및 Lightning Experience 앱 탐색 막대에서 위치를 설정할 수 있습니다.
- Activate(활성화)를 클릭합니다.
- 앱 이름을 변경하지 않습니다. 기본적으로 Lightning 페이지에 부여하는 레이블이 해당 사용자 정의 탭의 레이블로 사용됩니다.
- 아이콘을 파란색 번개 아이콘으로 변경합니다. 여기서 선택하는 아이콘은 모바일 앱 및 Lightning Experience에서 페이지 아이콘으로 사용됩니다.
- 탭의 가시성을 모든 사용자에게 공개로 유지합니다.
The Activate for the System Administrators(시스템 관리자 전용 활성화) 설정의 경우 Lightning 페이지에서 작업 중일 때 유용합니다. 페이지를 관리자만 볼 수 있게 제한하면 여러분은 페이지를 보고 테스트할 수 있지만 사용자는 여러분이 노출할 준비가 될 때까지 페이지를 볼 수 없습니다. - Lightning Experience 탭을 클릭합니다.
- Sales 앱을 선택하고 Add page to app(앱에 페이지 추가)를 클릭합니다.
메뉴에 추가하는 페이지는 기본적으로 두 번째 위치에 표시됩니다. 그 자리에 두겠습니다. 상단 위치에 놓으면 모든 Lightning Experience 사용자를 위한 시작 페이지가 됩니다. - Mobile Navigation(모바일 탐색) 탭을 클릭합니다.
-
Mobile Navigation Menu(모바일 탐색 메뉴)를 선택하고 Add page to app(앱에 페이지 추가)을 클릭합니다.
이렇게 하면 Salesforce 모바일 앱의 '모바일 전용' Lightning 앱에 있는 모바일 탐색에 앱 페이지가 추가됩니다. 앞서 했던 방식과 같이 Lightning Experience의 Sales 앱에 페이지를 추가하면 앱 페이지가 Salesforce 모바일 앱의 Sales 앱에도 표시되게 할 수 있습니다.
기본적으로 '모바일 전용' 앱에서 탐색 메뉴에 추가하는 새 페이지는 스마트 검색 항목 메뉴 항목의 아래에 표시됩니다. 주요 계정 및 기회 페이지를 그 자리에 두면 메뉴의 앱 섹션에 표시될 것입니다. 그렇게 하지 않을 것이므로 위로 옮기겠습니다.
- 페이지를 오늘 메뉴 항목 하단으로 드래그합니다.
- Save(저장)를 클릭합니다.
Lightning Experience에서 앱 페이지 테스트하기
페이지를 만들고 활성화했습니다. 이제 작동하는 모습을 살펴보겠습니다!
- 아직 앱 빌더에 있다면 Back(뒤로)을 클릭하여 설정으로 돌아갑니다.
- 앱 시작 관리자(
)에서 Sales(영업)를 찾아서 선택합니다. - 앱 탐색 표시줄에서 Top Accounts and Opportunities(상위 계정 및 기회)를 클릭합니다.
이제 Lightning 페이지를 확인할 수 있습니다! 여기서 번개 아이콘도 표시되며, 추가한 작업 3개는 하이라이트 패널에 있습니다.
Salesforce 모바일 앱에서 앱 페이지 테스트하기
이제 휴대전화에서 살펴보겠습니다.
- Salesforce 모바일 앱을 엽니다.
- Trailhead Playground 자격 증명을 사용하여 로그인합니다. (Trailhead Playground 자격 증명을 알지 못하는 경우 이 문서를 참조하세요.)
- 메뉴에서 App Launcher(앱 시작 관리자)를 탭하고 Sales 앱을 엽니다.
변경 사항을 보려면 Sales 앱을 당겨서 새로고침해야 할 수도 있습니다. -
Top Accounts and Opportunities(상위 계정 및 기회)를 탭합니다.
이제 Lightning 페이지를 확인할 수 있습니다! 선택한 번개 아이콘이 있으며 추가한 3개의 작업은 작업 막대에 있습니다.
- 페이지 조작하기 스크롤을 위아래로 내려서 구성 요소를 보고 작업 아이콘을 탭하여 어떻게 되는지 확인합니다.
