Lightning Experience 및 Salesforce 모바일 앱을 위한 사용자 정의 레코드 페이지 구축

학습 목표

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

• Lightning Experience 및 Salesforce 모바일 앱을 위한 사용자 정의 개체 레코드 페이지를 만듭니다.
  
• 사용자를 위한 사용자 정의 레코드 페이지를 활성화합니다.
  

참고

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

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

접근성

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

Trailhead 스크린 리더 지침 열기.

Lightning Experience 레코드 페이지도 사용자 정의가 가능할까요? 물론 가능합니다!

Lightning 앱 빌더를 사용하여 레코드 페이지에서 구성 요소를 추가, 제거 또는 재정렬하여 사용자에게 각 개체의 레코드에 대한 사용자 정의 보기를 제공하세요. 뿐만 아니라 레코드 페이지를 사용자 정의하고 특정 Lightning 앱에 할당하여 사용자에게 작업 중인 앱의 맥락에 맞게 특별히 사용자 정의된 레코드 페이지 액세스를 제공할 수 있습니다.

홈 페이지와 마찬가지로 사용자 정의 레코드 페이지 또한 다양한 방식으로 만들 수 있습니다. 템플릿을 사용하여 처음부터 만들거나, 다른 사용자 정의 레코드 페이지를 복제하거나, 기존 페이지를 편집할 수 있습니다. 한편, 사용자 정의 레코드 페이지는 홈 페이지와 달리 데스크톱의 Lightning Experience뿐 아니라 Salesforce 모바일 앱에서도 지원됩니다.

사용자 정의 Lightning 레코드 페이지 만들기

다음으로 사용자 정의 기회 레코드 페이지를 만들겠습니다.

어떻게 하는지 체험해 볼 수 있도록 표준 레코드 페이지 레이아웃을 약간만 변경할 것입니다. 여기에 익숙해지면 더 나아가서 레코드 페이지를 원하는 대로 사용자 정의할 수 있습니다. 시작해 봅시다.

1. Setup(설정)의 Quick Find(빠른 찾기) 상자에 App Builder(앱 빌더)를 입력한 다음 Lightning App Builder(Lightning 앱 빌더)를 선택합니다.
   
2. New(새로 만들기)를 클릭합니다.
   
3. Record Page(레코드 페이지)를 선택하고 마법사를 진행합니다.
   
4. 페이지 레이블을 New Opportunity Page(새 기회 페이지)로 지정하고 개체로 Opportunity(기회)를 선택합니다.
   목록을 필터링하고 원하는 항목을 더 빠르게 찾으려면 Object(개체) 필드에 개체 이름을 입력합니다.
   
5. Header, Subheader, Right Sidebar(헤더, 하위 헤더, 오른쪽 사이드바) 템플릿을 선택하고 Done(완료)을 클릭합니다.
   구성 요소 창에서 기회 레코드 페이지에 사용할 수 있는 모든 표준 구성 요소와 조직에 설치한 맞춤형 구성 요소를 확인할 수 있습니다.
   
6. 설정 메뉴()에서 Always show icons(항상 아이콘 표시)를 선택합니다.
   팔레트에 표시되는 아이콘은 각 구성 요소가 지원하는 폼 팩터를 보여줍니다. 예를 들어 페이지에 Chatter 피드를 추가하면 데스크톱과 Salesforce 모바일 앱에서 페이지를 볼 때 표시됩니다. 데스크톱에서만 지원되는 Chatter Publisher에는 이 경우가 적용되지 않습니다. 추후 이 모듈에서 완료된 페이지를 테스트할 때 이 동작이 실제로 작동하는 것을 확인해 보겠습니다.
   
7. 하이라이트 패널 구성 요소를 페이지 사단 영역으로 드래그합니다. 구성 요소 속성 창에서 See How It Works(작동 방식 보기)를 클릭하여 하이라이트 창 콘텐츠가 어디에서 나오는지 찾습니다.
   
8. 하이라이트 패널 하단 영역에 경로 구성 요소를 추가합니다.
   
9. 오른쪽 하단 영역에 Chatter 구성 요소를 추가합니다.
   
10. 왼쪽 하단 영역에 탭 구성 요소를 추가합니다.
    

탭 구성 요소에는 몇 개의 기본 탭이 이미 포함되어 있습니다. 더 추가해 봅시다.

11. Tabs(탭) 구성 요소 세부 사항 창에서 Add Tab(탭 추가)을 클릭합니다.
    

기본적으로 또 다른 Details(세부 사항) 탭이 추가됩니다. 그러나 세부 사항 탭은 이미 있으므로 이 새 탭을 다른 것으로 변경합시다.

12. 두 번째 Details(세부 사항) 탭을 클릭합니다.
    
13. Tab Label(탭 레이블) 드롭다운 메뉴에서 Custom(맞춤형)을 선택하고 탭의 새 레이블을 Recent Items(최근 항목)로 지정합니다. 
    상단에 있는 Custom(맞춤형)을 찾으려면 Tab Label(탭 레이블) 목록에서 위로 스크롤해야 할 수도 있습니다.
    

14. Done(완료)을 클릭합니다.
    
15. Activity(활동) 탭을 생성합니다.
    
16. 캔버스에서 Details(세부 정보) 탭을 선택합니다.
    
17. Details(세부 사항) 탭 바로 아래의 레코드 세부 사항 구성 요소를 녹색 하이라이트된 영역으로 드래그합니다. 
    

18. 관련 탭에 관련 목록 구성 요소를 추가하고, Activity(활동) 탭에 활동 구성 요소를 추가하고, Recent Items(최근 항목) 탭에 최근 항목 구성 요소를 추가합니다.
    
19. 캔버스에서 탭 구성 요소를 선택하고 속성 창에서 탭의 순서를 세부 사항, 활동, 최근 항목, 관련 순으로 변경합니다.
    구성 요소 안의 탭을 드래그하여 옮길 수는 없습니다. 속성 창에서만 조정 가능합니다.
    
20. Save(저장)를 클릭한 다음 Activate(활성화)를 클릭합니다.
    

사용자를 위해 사용자 정의 레코드 페이지 공개하기

이제 이 훌륭한 결과물을 널리 선보이고 페이지를 활성화할 시간입니다.

활성화에는 네 가지 옵션이 있습니다.

• 페이지를 개체에 대해 조직 기본으로 만듭니다.
  
• 페이지를 특정 Lightning 앱에 대해 기본 개체 레코드 페이지로 만듭니다.
  
• 페이지를 Lightning 앱, 레코드 유형, 프로필의 조합에 할당합니다.
  
• 페이지를 데스크톱이나 휴대전화 등 폼 팩터에 할당합니다.
  

목록의 마지막 항목에 주목하세요. 사용자의 필요 사항에 맞게 사용자 정의된 페이지를 만들 수 있을 뿐 아니라, 한 걸음 더 나아가서 사용자의 액세스 방식에 따라서도 페이지를 사용자 정의할 수 있습니다. 모바일 사용자만 볼 수 있도록 사용자 정의된 레코드 페이지를 만들어 야외에서나 이동 중에 봐야 하는 항목만 포함시킬 수 있습니다. 동시에 데스크톱 전용 레코드 페이지는 PC 또는 노트북에서 작업하는 사용자의 필요 사항에 맞는 서비스를 제공할 수 있습니다.

다음으로는 이 페이지를 특정 앱, 레코드 유형, 프로필에 할당하고 데스크톱 및 휴대전화 폼 팩터에서 볼 수 있도록 양쪽 모두에 할당됐는지 확인하겠습니다.

1. App, Record Type, and Profile(앱, 레코드 유형 및 프로필) 탭을 클릭합니다.
   
2. Assign to Apps, Record Types, and Profiles(앱, 레코드 유형 및 프로필에 할당)을 클릭합니다.
   
3. 할당 마법사를 진행하여 페이지를 Sales 앱, 데스크톱 및 휴대전화 폼 팩터, 마스터 레코드 유형, 시스템 관리자 프로필에 할당합니다.
   
4. 페이지 할당을 검토합니다.
   New Page(새 페이지) 열이 지금 활성화 중인 페이지의 이름인 New Opportunity Page(새 기회 페이지)로 채워집니다.
   
5. Save(저장)를 클릭합니다.
   

사용자 정의된 레코드 페이지가 이제 활성 상태입니다. 확인해 보기 전에 페이지를 한층 더 개선해 봅시다.

이렇게 생각하고 계실지도 모릅니다. "이건 아주 훌륭하군. 그런데 생각이 바뀌면 어떻게 하지? 사용자 정의 페이지를 어떻게 비활성화하지?" 그것도 쉽습니다. Activation(활성화)을 클릭하고 App, Record Type, and Profile(앱, 레코드 유형 및 프로필) 탭을 클릭한 다음 Remove Assignments(할당 제거)를 클릭합니다.

리소스

• Salesforce 도움말: Lightning Experience 레코드 페이지 만들기 및 구성
  
• Salesforce 도움말: Lightning 앱 빌더를 사용하여 Lightning 페이지에 탭 추가 및 사용자 정의
  
• Salesforce 도움말: Lightning Experience 레코드 페이지 활성화
  
• Salesforce 도움말: Lightning 앱 빌더 고려 사항