Skip to main content

레코드 페이지 구성 요소 및 필드 사용자 정의

학습 목표

이 유닛을 완료하면 다음을 수행할 수 있습니다.
  • Lightning 페이지를 생성, 사용자 정의, 관리합니다.
  • Lightning 앱 빌더를 사용합니다.
  • Lightning 페이지를 프로필에 할당합니다.
참고

참고

한국어로 학습하시겠어요? 이 배지에서는 Trailhead 실습과제 검증이 영어로 진행됩니다. 참조용 번역이 괄호로 제공됩니다. Trailhead Playground에서 (1) 로캘을 미국으로 바꾸고 (2) 언어를 영어로 바꾼 후 (3) 영문으로 표시된 값을 복사해 붙여 넣으세요. 여기에 나와 있는 지침을 따르세요.

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

참고

접근성

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

Trailhead 스크린 리더 지침 열기.

레코드 페이지

Salesforce에 처음 로그인할 경우 표시되는 내용은 단지 출발점에 불과합니다. Lightning 앱 빌더와 페이지 레이아웃을 조합하여 개체 레코드 페이지에서 많은 항목을 사용자 정의하고 개인화할 수 있습니다.

홈 페이지, 레코드 페이지 등 Lightning Experience에서 볼 수 있는 페이지 대부분은 Lightning 페이지입니다. Lightning 페이지는 페이지 영역에 배치되는 구성 요소의 모음입니다. Lightning 앱 빌더로 페이지의 구조, 구성 요소의 위치, 페이지에 표시되는 레코드 세부 사항 필드를 사용자 정의할 수 있습니다. (여기 Trailhead의 Lightning 앱 빌더 모듈에서 자세히 알아보세요)

페이지에 나타나는 버튼, 링크, 작업, 관련 목록 등의 기타 페이지 콘텐츠는 페이지 레이아웃 편집기라고 하는 다른 도구를 통해 제어합니다. 

이 유닛에서는 Lightning 앱 빌더와 페이지 레이아웃 편집기를 모두 사용하여 Lightning 레코드 페이지를 사용자 정의하는 방법을 검토합니다.

Lightning 앱 빌더를 사용하면 다음을 수행할 수 있습니다.

  • Lightning 페이지에 표시되는 구성 요소를 제어합니다
  • 다양한 앱과 사용자를 위한 사용자 정의 Lightning 페이지를 만듭니다
  • 레코드 페이지에 표시되는 필드를 제어합니다
페이지 레이아웃 편집기를 사용할 경우 다음을 수행할 수 있습니다.
  • 사용자에게 표시되는 관련 레코드 및 사용자 정의 링크 목록을 제어합니다
  • 레코드 및 관련 목록에 표시되는 표준 및 사용자 정의 버튼 제어
  • 페이지에 표시되는 빠른 작업 제어

‘버튼, 목록, 레코드 세부 사항이라니? 이게 다 뭐지?’라고 생각하시는 분도 계실 텐데요. 연락처 레코드 예시를 통해 레코드 페이지를 둘러본 다음 본격적으로 페이지를 사용자 정의해 보겠습니다.

다음은 레코드 페이지의 일부로, 사용자 정의하여 조직의 다양한 팀과 프로세스에 대한 개인화된 보기를 생성할 수 있습니다.
  • 이전 유닛에서는 레코드 하이라이트 (1)와 축소 레이아웃을 사용하여 표시되는 필드를 사용자 정의하는 방법을 학습했습니다. 레코드 하이라이트 영역에는 일련의 버튼 및 작업 (2)도 포함되어 있으며, 추후 유닛에서 이를 사용자 정의하는 방법을 배울 예정입니다.
  • Related(관련) 탭 (3)에 포함된 관련 목록은 지금 보고 있는 레코드와 연결된 다른 레코드의 목록입니다. 예를 들어 계정에는 관련 제품, 연락처, 기회 및 기타 사용자 정의 레코드가 있을 수 있습니다.
  • Details(세부 사항) 탭 (4)에서는 레코드에 대한 정보를 확인할 수 있습니다. 기본적으로 여기에 필드와 링크가 표시됩니다. 예를 들어, 연락처 레코드 세부 사항 페이지에는 연락처와 기타 관련 레코드에 대한 정보를 저장하는 데 사용되는 이름, 주소, 소유자, 계정을 비롯한 기타 필드가 표시됩니다. 관련 목록 페이지

앞서 버튼, 링크, 작업을 언급하였습니다. 이에 대해 자세히 살펴보고 추후 이어지는 유닛에서는 Lightning 페이지에서 수정하는 방법을 살펴보겠습니다. 이 유닛에서는 페이지 구조, 구성 요소, 레코드 세부 사항 필드, 관련 목록을 사용자 정의하는 데 주력합니다.

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

Maria는 영업팀이 Energy Audit(에너지 감사) 레코드를 볼 때 필요한 필드 및 관련 목록 정보를 즉시 이용할 수 있도록 Energy Audit(에너지 감사) 레코드 페이지를 생성하려고 합니다.

Energy Audit(에너지 감사) 사용자 정의 개체가 생성되면 시스템 기본 Energy Audit(에너지 감사) 레코드 페이지도 생성됩니다. 현재 에너지 감사 레코드를 보는 조직의 모든 사람은 해당 기본 레이아웃의 정보를 봅니다. Maria는 영업 사원만을 위한 사용자 정의 레코드 페이지를 만들 예정입니다.

한번 진행해 보겠습니다.

  1. 앱 시작 관리자( )에서 Energy Consultations(에너지 자문)를 찾아 선택하고 Energy Audits(에너지 감사) 탭을 클릭합니다.
  2. All list view(전체 목록 보기)를 엽니다.
  3. Burlington evaluation(Burlington 평가)를 선택합니다.
  4. Setup(설정) 메뉴에서 (설정) Edit Page(페이지 편집)를 선택합니다.
    해당 페이지는 Lightning 앱 빌더에서 열립니다.
  5. 페이지 속성에서 Label(레이블)을 Energy Audit Record Page for Sales(영업 담당자용 에너지 감사 레코드 페이지)로 변경합니다.
  6. API 이름을 Energy_Audit_Record_Page_for_Sales로 변경합니다.
  7. 캔버스에서 Details(세부 사항) 탭을 클릭한 다음 Record Detail(레코드 세부 사항) 구성 요소(필드가 있는 위치)를 클릭합니다.
    Energy Audit(에너지 감사) 개체에 대한 필드가 모두 있습니다. 하지만 전부 사용자 정의할 수 없는 하나의 블록에 들어 있습니다. 버튼 하나만 클릭하여 이를 변경할 수 있습니다.
  8. 속성 창에서 Upgrade Now(지금 업그레이드)를 클릭하여 Dynamic Forms(동적 양식) 마이그레이션 마법사를 시작합니다.Upgrade Now(지금 업그레이드) 버튼을 사용하여 Dynamic Forms(동적 양식) 메시지로 업그레이드Dynamic Forms(동적 양식)를 사용하면 기존 레코드 페이지의 필드와 섹션을 개별 구성 요소로 마이그레이션할 수 있습니다. 그런 다음 페이지의 나머지 구성 요소처럼 구성할 수 있습니다. 추가하거나, 제거하거나, 이동하여 사용자에게 필요한 필드와 섹션만 제공할 수 있습니다.
  9. 단계에 따라 마법사를 진행하여 Energy Audit Layout(에너지 감사 레이아웃)을 선택한 다음 Finish(마침)을 클릭합니다.
    오른쪽 열은 거의 비어 있으며 필드의 순서에는 개선의 여지가 있습니다. 필드를 수정해 보겠습니다.
  10. Audit Notes(감사 메모) 필드를 클릭하고 Owner(소유자) 위의 오른쪽 열로 드래그합니다.
  11. Type of Installation(설치 유형) 필드도 똑같이 처리합니다.
  12. 아직 없는 경우 Account(계정)를 Energy Audit Name(에너지 감사 이름) 아래로 옮깁니다.
  13. Save(저장)Not Yet(더 작업하기)을 차례로 클릭합니다. 
    페이지를 활성화하면 사용자가 사용할 수 있습니다. 하지만 이 페이지는 아직 사용자를 위해 준비되지 않았습니다. Maria는 관련 목록을 추가하고자 합니다.

Energy Audit(에너지 감사)는 맞춤형 객체이므로 아직 관련 목록이 없습니다. 관련 목록을 하나 추가해 보겠습니다. 페이지 레이아웃 편집기에서 작업하면 됩니다.

  1. App Builder(앱 빌더) 헤더에서 Back(뒤로 가기) (뒤로 가기)를 클릭합니다.
  2. Setup(설정) 메뉴 (설정)에서 Setup을 선택합니다.
    새 브라우저 탭에서 Setup이 열립니다.
  3. Object Manager(개체 관리자)를 클릭한 다음 개체 목록에서 Energy Audit(에너지 감사)를 찾아 클릭합니다.
  4. Page Layouts(페이지 레이아웃)Energy Audit Layout(에너지 감사 레이아웃)을 차례로 클릭합니다.
  5. 관련 목록 섹션까지 아래로 스크롤합니다.
  6. 팔레트에서 Related Lists(관련 목록)을 클릭하고 Files(파일) 요소를 Related Lists(관련 목록) 섹션으로 드래그합니다.
    Ursa Major Solar 영업 담당자는 Files(파일) 관련 목록을 사용하여 레코드에 파일을 추가하고 레코드와 연결된 파일 목록을 볼 수 있습니다.
  7. Quick Save(빠른 저장)Yes(예)를 차례로 클릭합니다.

페이지 활성화

Maria는 지금 페이지 사용자 정의를 마쳤지만, 아무도 해당 페이지를 볼 수 없습니다. 이제 Lightning 페이지를 활성화하여 Sales 사용자에게 제공할 시간입니다.

  1. Setup(설정)에서 Home(홈) 탭을 클릭합니다.
  2. Quick Find(빠른 찾기) 상자에 App Builder(앱 빌더)를 입력하고 나서 Lightning App Builder(Lightning 앱 빌더)를 선택합니다.
  3. Energy Audit Record Page for Sales(영업 담당자용 에너지 감사 레코드 페이지) 옆에 있는 Edit(편집)를 클릭합니다.
  4. Activate(활성화)를 클릭합니다.

활성화: Energy Audit Record Page for Sales(영업 담당자용 에너지 감사 레코드 페이지)에는 Org Default(조직 기본값), App Default(앱 기본값), App, Record, Type and Profile(앱, 레코드 유형, 프로필)의 세 가지 옵션이 있습니다.

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

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

Maria는 Ursa Major Solar의 영업 사원이 이 새로운 레코드 페이지를 보기를 원합니다. 그녀는 영업팀이 Energy Audit(에너지 감사) 레코드를 볼 때 필드의 수정된 보기와 새로운 관련 목록을 확인할 수 있도록 영업팀의 사용자 프로필에 이 페이지를 할당할 예정입니다. 또한 데스크톱과 휴대전화 폼 팩터 모두에 할당하려고 합니다. 이렇게 하면 사용자가 데스크톱에서 작업할 때나 이동 중에도 모바일 장치를 통해 볼 수 있습니다. 시작해 보겠습니다. 

  1. App, Record Type, and Profile(앱, 레코드 유형, 프로필) 탭을 클릭합니다.
  2. Assign to Apps, Record Types, and Profiles(앱, 레코드 유형, 프로필에 할당)을 클릭합니다.
  3. 마법사를 단계에 따라 진행하고 페이지를 Energy Consultations(에너지 자문) 앱, Desktop and phone form factor(데스크톱 및 휴대전화 폼 팩터), Master record type(마스터 레코드 유형), 그리고 Custom: Sales Profile(사용자 정의: 판매 프로필) 및 System Administrator profile(시스템 관리자 프로필) 모두에 할당합니다.
    Maria는 보통 Custom: Sales Profile(사용자 정의: 판매 프로필)만 선택합니다. 하지만 여러분은 System Administrator(시스템 관리자)로 로그인했으므로 새 페이지 레이아웃이 어떻게 보이는지 확인할 수 있도록 이 System Administrator(시스템 관리자)도 선택합니다.
  4. 페이지 할당을 검토합니다.
    새 페이지 열은 활성화 작업 중인 페이지의 이름인 Energy Audit Record Page for Sales(영업 담당자용 에너지 감사 레코드 페이지)로 채워집니다.
  5. Save(저장)를 클릭합니다.
이제 Maria의 사용자 정의 레코드 페이지가 활성화되었습니다. 확인해 보겠습니다.

사용자 정의 페이지 보기

  1. App Builder(앱 빌더) 헤더에서 Back(뒤로 가기) (뒤로 가기)를 클릭합니다.
  2. App Launcher(앱 시작 관리자) ( 앱 시작 관리자)에서 Energy Audits(에너지 감사)를 찾아서 선택한 다음 감사 레코드를 엽니다. 
    변경 사항을 확인하려면 페이지를 새로 고침해야 할 수도 있습니다.
  3. 세부 사항 탭을 확인합니다. 이제 더 유용하고 효율적인 기능을 활용할 수 있습니다.

    이전 이후
    기존 필드 구성을 담은 세부 사항(Details) 탭 새 필드 구성으로 개선된 세부 사항(Details) 탭
  4. Related(관련) 탭을 클릭합니다.
    이제 Files(파일) 관련 목록을 확인할 수 있으며 누군가의 업로드를 기다리고 있습니다.

잘하셨어요! Lightning 페이지 사용자 정의를 다루는 데 더 능숙해졌으니 이제 사용자에게 필요한 것을 제공하는 페이지를 만들어 볼 수 있습니다. 구성 요소와 필드를 논리적 섹션에 배열하면 비즈니스에 중요한 데이터를 사용자가 더욱더 쉽게 저장하고 관리할 수 있습니다.

리소스

계속해서 무료로 학습하세요!
계속 진행하려면 계정을 가입하세요.
얻을 수 있는 이점
  • 커리어 목표에 대한 개인화된 권장 사항 제공받기
  • 실습 과제 및 퀴즈를 통해 스킬 연습
  • 진행 상황을 추적하고 고용주에게 공유
  • 멘토십과 커리어 기회에 연결