앱 홈 Lightning 페이지 구축

학습 목표

이 유닛을 완료하면 다음을 수행할 수 있습니다.

• Lightning 페이지에 구성 요소를 추가합니다.
  
• Lightning 페이지 구성 및 Lightning 구성 요소를 구성합니다.
  
• Lightning 페이지에 작업을 추가합니다.
  
• Lightning Experience 및 모바일 앱에 Lightning 페이지를 추가합니다.
  

참고

한국어로 학습하시겠어요? Trailhead playground에서 한국어로 실습 과제를 시작하고, 괄호 안에 제공된 번역을 사용해 탐색해 보세요. 영어 데이터를 기반으로 실습 과제 검증이 이루어지므로 영문으로 표시된 값만 복사해 붙여 넣습니다. 한국어 조직에서 실습 과제를 통과하지 못한 경우, (1) 로캘을 미국을 바꾸고 (2) 여기에 제시된 지침에 따라 언어를 영어로 바꾼 후 (3) "Check Challenge(과제 확인)" 버튼을 눌러 다시 진행해 보세요.

원하는 언어로 Trailhead 사용하기 뱃지를 확인해 현지화된 Trailhead 경험을 활용하는 방법에 대해 자세히 알아보세요.

접근성

이 유닛에서는 스크린 리더 사용자를 위한 추가 지침이 있습니다. 이 유닛의 상세한 스크린 리더 버전에 액세스하려면 아래 링크를 클릭하세요.

Trailhead 스크린 리더 지침 열기.

앱 홈 Lightning 페이지

Salesforce 모바일 앱 및 Lightning Experience 앱 탐색 막대에 앱의 사용자 정의 홈 페이지를 추가하여 사용자가 앱에서 가장 중요한 개체 및 항목에 쉽게 액세스하도록 지원하세요.

앱 페이지 만들기

다음으로 영업 팀을 위한 앱 홈 페이지를 만들어 봅시다.

영업 팀은 주요 세부 사항을 한눈에 쉽게 볼 수 있도록 하는 시각적 인터페이스를 통해 파이프라인에서 주요 거래를 확인해야 합니다. 영업 팀에서는 가장 최근에 봤던 기회를 확인하고 탭 또는 클릭 한 번으로 레코드 세부 사항을 자세히 보기를 원합니다. 또한 이동 중에 통화를 기록하고 계정 및 기회를 생성하는 기능을 필요로 합니다.

시작해 봅시다!

1. Setup(설정)의 Quick Find(빠른 찾기) 상자에 App Builder(앱 빌더)를 입력한 다음 Lightning App Builder(Lightning 앱 빌더)를 선택합니다.
   
2. New(새로 만들기)를 클릭합니다.
   
3. App Page(앱 페이지)를 선택한 다음 Next(다음)를 클릭합니다.
   
4. Lightning 페이지를 Top Accounts and Opportunities(주요 계정 및 기회)로 명명합니다.
   
5. Two Regions(두 지역) 템플릿을 선택하고 Done(완료)을 클릭합니다.
   Lightning 앱 빌더 설명 팝업 창이 열리면 닫습니다.
   
6. 목록 보기 구성 요소를 첫 번째 영역으로 드래그합니다.
   
7. 속성 창에서 Accounts(계정)를 선택하고 Platinum and Gold SLA Customers(플래티넘 및 골드 SLA 고객) 필터를 선택한 다음 표시할 레코드 수를 5로 설정합니다.
   
8. 두 번째 영역에 최근 항목 구성 요소를 추가합니다.
   
9. 최근 항목 구성 요소의 속성 창에서 사용자 정의 레이블을 Recent Opportunities(최근 기회)로 바꿉니다.
   
10. Select(선택)를 클릭하고 Selected list(선택된 목록)에 Opportunity(기회)만 포함되도록 설정합니다.
    
11. 속성 창에서 Page(페이지)를 클릭하고 선택(Select)을 클릭한 다음 이러한 작업을 페이지에 추가합니다.
    

• 통화 기록
  
• 새 계정
  
• 새 기회
  글로벌 작업만 Lightning 앱 페이지에 추가할 수 있습니다.
  

12. 도구 모음에서 보기를 태블릿-가로 방향으로 변경합니다.
    
13. Save(저장)를 클릭한 다음 Not Yet(더 작업하기)를 클릭합니다.
    

페이지를 만들었으니 이를 Lightning Experience 및 모바일 앱에 추가할 준비가 거의 다 됐습니다.

앱 페이지를 Lightning Experience 및 Salesforce 모바일 앱에 추가합니다.

다른 페이지와 마찬가지로 사용자는 여러분이 활성화하기 전까지 앱 페이지에 액세스할 수 없습니다. 활성화 도중 한 곳에서 페이지의 사용자 정의 탭 레이블을 사용자 정의하고, 가시성을 조정하고, Salesforce 모바일 앱 및 Lightning Experience 앱 탐색 막대에서 위치를 설정할 수 있습니다.

1. Activate(활성화)를 클릭합니다.
   
2. 앱 이름을 변경하지 않습니다. 기본적으로 Lightning 페이지에 부여하는 레이블이 해당 사용자 정의 탭의 레이블로 사용됩니다.
   
3. 아이콘을 파란색 번개 아이콘으로 변경합니다. 여기서 선택하는 아이콘은 모바일 앱 및 Lightning Experience에서 페이지 아이콘으로 사용됩니다.
   
4. 탭의 가시성을 모든 사용자에게 공개로 유지합니다.
   The Activate for the System Administrators(시스템 관리자 전용 활성화) 설정의 경우 Lightning 페이지에서 작업 중일 때 유용합니다. 페이지를 관리자만 볼 수 있게 제한하면 여러분은 페이지를 보고 테스트할 수 있지만 사용자는 여러분이 노출할 준비가 될 때까지 페이지를 볼 수 없습니다.
   
5. Lightning Experience 탭을 클릭합니다.
   
6. Sales 앱을 선택하고 Add page to app(앱에 페이지 추가)를 클릭합니다. 
   

메뉴에 추가하는 페이지는 기본적으로 두 번째 위치에 표시되므로 그대로 둡니다. 상단 위치에 놓으면 모든 Lightning Experience 사용자를 위한 시작 페이지가 됩니다.

7. Mobile Navigation(모바일 탐색) 탭을 클릭합니다.
   
8. Mobile Navigation Menu(모바일 탐색 메뉴)를 선택하고 Add page to app(앱에 페이지 추가)을 클릭합니다.
   

이렇게 하면 Salesforce 모바일 앱의 '모바일 전용' Lightning 앱에 있는 모바일 탐색에 앱 페이지가 추가됩니다. 앞서 했던 방식과 같이 Lightning Experience의 Sales 앱에 페이지를 추가하면 앱 페이지가 Salesforce 모바일 앱의 Sales 앱에도 표시되게 할 수 있습니다. 기본적으로 '모바일 전용' 앱에서 탐색 메뉴에 추가하는 새 페이지는 스마트 검색 항목 메뉴 항목의 아래에 표시됩니다. 주요 계정 및 기회 페이지를 그 자리에 두면 메뉴의 앱 섹션에 표시될 것입니다. 그렇게 하지 않을 것이므로 위로 옮기겠습니다.

9. 페이지를 오늘 메뉴 항목 하단으로 드래그합니다. 
   

10. Save(저장)를 클릭합니다.
    

앱 홈 페이지가 이제 모바일 및 Lightning Experience 사용자를 위해 준비됐습니다!

Lightning Experience에서 앱 페이지 테스트하기

페이지를 만들고 활성화했습니다. 이제 작동하는 모습을 살펴봅시다!

1. 아직 앱 빌더에 있다면 Back(뒤로)을 클릭하여 설정으로 돌아갑니다.
   
2. 앱 시작 관리자()에서 Sales(영업)를 찾아서 선택합니다.
   
3. 앱 탐색 표시줄에서 Top Accounts and Opportunities(상위 계정 및 기회)를 클릭합니다.
   이제 Lightning 페이지를 확인할 수 있습니다! 여기서 번개 아이콘도 표시되며, 추가한 작업 3개는 하이라이트 패널에 있습니다. 
   

Salesforce 모바일 앱에서 앱 페이지 테스트하기

이제 휴대전화에서 살펴보겠습니다.

1. Salesforce 모바일 앱을 엽니다.
   
2. Trailhead Playground 자격 증명을 사용하여 로그인합니다. (Trailhead Playground 자격 증명을 알지 못하는 경우 이 문서를 참조하세요.)
   
3. 메뉴에서 App Launcher(앱 시작 관리자)를 탭하고 Sales 앱을 엽니다.
   변경 사항을 보려면 Sales 앱을 당겨서 새로고침해야 할 수도 있습니다.
   
4. Top Accounts and Opportunities(상위 계정 및 기회)를 탭합니다.
   이제 Lightning 페이지를 확인할 수 있습니다! 선택한 번개 아이콘이 있으며 추가한 3개의 작업은 작업 막대에 있습니다. 
   

5. 페이지 조작하기 스크롤을 위아래로 내려서 구성 요소를 보고 작업 아이콘을 탭하여 어떻게 되는지 확인합니다.
   

리소스

• Salesforce 도움말: 사용자 정의 앱 페이지 만들기: 전체적인 흐름
  
• Salesforce 도움말: Lightning 앱 페이지 활성화
  
• Salesforce 도움말: 표준 Lightning 페이지 구성 요소