Salesforce Lightning 자습서 : Lightning 디자인 및 구성 요소

salesforce lightning tutorial

이 Salesforce Lightning 자습서는 Salesforce Lightning 디자인 시스템, 로그인, 구성 요소 프레임 워크와 같은 플랫폼의 다양한 측면을 다룹니다.

Salesforce는 세계 최고의 CRM이며 다른 CRM에 비해 확실한 이점이 있습니다.

이 자습서는 Salesforce Lightning에 관한 것으로 더 잘 이해하기 위해 Lightning Experience, Lightning 구성 요소 프레임 워크, Lightning Design System, Lightning Connect 등과 같은 몇 가지 주제를 다룰 것입니다.

먼저 Salesforce Lightning이 무엇인지 먼저 이해하겠습니다.

학습 내용 :

• Salesforce Lightning이란?
  • Salesforce Lightning에 로그인하는 방법
  • Salesforce Lightning 경험
  • Lightning 구성 요소 프레임 워크
    • 번개 구성 요소를 만드는 방법
    • Lightning 웹 구성 요소의 이점
  • Lightning Aura 구성 요소
  • 번개 디자인 시스템
  • Salesforce Lightning 앱 빌더
  • 라이트닝 커넥트
    • Lightning Connect는 어떻게 작동합니까?
  • AppExchange For 구성 요소
  • 번개 대 클래식
• 결론
  • 추천 도서

Salesforce Lightning이란?

Salesforce Lightning은 Salesforce.com의 구성 요소 기반 앱 개발 플랫폼입니다. 이 디자인은 프로그래밍 언어에 대한 사전 지식이없는 모든 사람들을 위해 편리하게 행동하는 비즈니스 사용자의 프로세스를 단순화합니다. 앱 클라우드라는 Salesforce의 모바일 앱 개발 플랫폼 뒤에 도구 및 기술 모음이 있습니다. 생산성을 높이고, 앱을 더 빠르게 구축하고, 운영을 최적화하는 데 도움이됩니다.

다음은 Salesforce Lightning에 대한 비디오입니다.

Salesforce Lightning은 다음 활동을 수행합니다.

• 영업 및 서비스 기능의 효율성을 높여 비즈니스 생산성을 높이십시오.
• Lightning Experience로 운영을 최적화하여 더 나은 방식으로 비즈니스를 운영하십시오.
• 쉽고 빠르고 재미있는 방식으로 앱을 빌드 할 수 있습니다.
• 통찰력을 바탕으로 결정을 내립니다.

>>를 참조하십시오 링크 자세한 정보를 수집합니다.

아래 이미지에서 Lightning이 수행하는 활동을 엿볼 수 있습니다.

생산성 향상

운영 최적화

빠른 앱 구축

AI로 스마트하게 작업

Salesforce Lightning에 로그인하는 방법

Salesforce Lightning 로그인은 사용자에게 암호가 필요없는 로그인의 편리함, 향상된 속도 및 보안을 제공합니다. 이를 위해서는 조명 로그인을 활성화하고 사용자에게 필요한 권한을 할당하고 Salesforce Lightning 로그인의 개별 등록에서 사용자를 권장해야합니다.

이를 위해서는 App Store 또는 Google Play에서 Salesforce Authenticator 앱을 설치해야합니다. Salesforce Lightning 로그인은 Salesforce Lightning뿐만 아니라 Salesforce Classic에서도 작동합니다. 기본적으로 모든 내부 사용자는 Lightning 로그인을 사용할 수 있지만 커뮤니티 사용자를 포함한 모든 사용자가 액세스 할 수 있도록 할 수 있습니다.

Lightning 로그인 사용자 권한은 사용자의 자격 여부를 결정하는 데 사용할 수 있습니다. 사용자는 Lightning 로그인에 액세스하려면 다음 경로를 탐색해야합니다.

1. 설정-> 빠른 찾기 상자-> 세션 설정 입력-> 세션 설정 선택

두. Lightning 로그인의 기본 설정 검토

• Lightning 로그인 활성화 (Lightning 로그인을 비활성화하면 사용자가 암호 옵션을 사용하여 로그인으로 돌아갑니다)
• 표준 세션 보안 수준 확인

Lightning Login은 사용자 세션에 대한 표준 보안 수준 (보안 수준 또는 사용자 암호 방법)을 설정합니다.

• Lightning 로그인 사용자 권한을 사용자의 사용자 프로필 또는 권한 집합에 할당합니다.

>> 참조하십시오 Lightning 로그인 자세한 내용은.

마지막으로, 사용자는 등록 알림 승인을 위해 모바일 장치를 사용하여 Lightning 로그인에 등록해야합니다.

Lightning 로그인 등록을 승인하는 2 단계 인증 앱인 Salesforce Authenticator (버전 2 이상) 앱의 알림을 봅니다. 다음으로 사용자는 알림 내용을 확인한 후 승인을 탭합니다. 이 앱은 지문을 스캔하고 지문을 입력 할 수 있습니다.

등록이 완료되면 사용자가 Salesforce로 돌아갑니다. 사용자 이름은 기억하기를 클릭하여 향후 Lightning 로그인을 위해 저장됩니다. 그러나 Authenticator를 사용하면 Lightning 로그인을 승인 / 거부 할 수 있습니다.

>> 참조 Lightning 로그인 등록 자세한 내용은.

Salesforce Lightning 경험

Salesforce는 Lightning 경험 직전에 다른 인터페이스를 사용하여 Salesforce Classic으로 명명되었습니다.

비즈니스를 Salesforce의 Lightning Experience로 이동하면 생산성과 워크 플로를 개선하고 작업을보다 쉽고 직관적으로 만들어 비즈니스를 혁신하는 데 도움이되는 사용자 경험이 생성됩니다.

Salesforce를 통해 사용자는 동시에 Salesforce Classic을 사용할 수 있도록 허용하면서 Lightning Experience로 전환 할 수 있습니다. 이는 의사 결정자 및 리더십을위한 설득력있는 사례를 만들고 잘 생각 된 방식으로 비즈니스를 전환하도록 설정합니다. 기존 사용자 정의를 재평가하여 이전 문제를 제거합니다.

Salesforce Lightning Experience 사용자를위한 주요 이점은 다음과 같습니다.

• 효율적인 탐색과 함께 맞춤형 브랜드 앱간에 전환합니다.
• 할 수있는 일에 초점을 맞춘 새로운 레코드 레이아웃.
• 사용자가 쉽게 필터링 할 수있는 강력한 목록보기로 데이터를 시각화합니다.
• 열과 행에 걸쳐있는 구성 요소가있는 고유 한 대시 보드를 제공합니다.
• 빠른 필터링 보고서보기로 중요한 데이터를 봅니다.
• 유틸리티 표시 줄에서 메모 및 최근 항목과 같은 생산성에 빠르게 액세스합니다.

다음은 Salesforce Lightning Experience를 표시하는 그림입니다.

Salesforce Experience가 제대로 작동하는 일부 영역은 다음과 같습니다.

# 1) 기회 작업 공간

이를 통해 영업 담당자가 거래를 더 스마트하고 빠르게 처리 할 수 ​​있습니다. 영업 프로세스가 작업에 최적화 된 작업 공간에서 잘 작동 할 수 있도록하고 영업 프로세스의 모든 단계에서 코칭 스크립트를 사용자 정의하면 더 빠른 속도로 기록을 생성하지만 클릭 수는 더 적어 거래를 더 빠르게 성사시킬 수 있습니다.

다음은 기회 작업 영역의 이미지입니다.

# 2) 계정 및 연락처

계정 및 연락처의 레이아웃을 최적화하고 사용 사례 참조에 따라 콘텐츠를 구성하면 영업 담당자가 한 눈에 통찰력을 수집하는 데 도움이됩니다.

다음은 계정 및 연락처 작업 영역을 표시하는 이미지입니다.

# 3) 보고서 및 대시 보드

사용자는 보고서를 보는 동안 필터를 만들 수 있습니다. 업데이트 된 대시 보드 편집기는 사용자가 열과 행 모두에 구성 요소를 사용할 수 있도록 도와줍니다.

아래 이미지는 보고서 및 대시 보드를 표시합니다.

>> 참조하십시오 Salesforce 경험 자세한 내용은.

Lightning 구성 요소 프레임 워크

Salesforce Lightning 구성 요소 프레임 워크는 모바일 장치 및 데스크톱 장치 용 단일 페이지 웹 앱을 만들기위한 웹 개발 용 오픈 소스 UI 프레임 워크입니다.

Lightning 구성 요소를 구축하기위한 두 가지 프로그래밍 모델 (Lightning 웹 구성 요소 및 Aura 구성 요소)이 있습니다. Lightning 구성 요소는 아래 차트에 나열된 다양한 리소스로 구성됩니다.

Lightning 웹 구성 요소는 HTML 및 JavaScript를 사용하여 사용자 지정 HTML 요소를 만듭니다. 단일 페이지의 동적 웹 응용 프로그램을 만들기 위해 클라이언트 측에서는 JavaScript를, 서버 측에서는 Apex를 사용합니다. 사용자는 Salesforce CLI 및 선택한 코드 편집기를 사용합니다. 반면에 Aura 구성 요소는 개발자 콘솔을 사용합니다. Lightning 구성 요소는 Aura 구성 요소의 하위 집합 역할을합니다.

먼저 Lightning 구성 요소를 만드는 방법을 살펴 보겠습니다.

번개 구성 요소를 만드는 방법

개발자 콘솔로 이동하고 아래에 언급 된 경로를 따라 Lightning 구성 요소를 만듭니다.

파일-> 새로 만들기-> Lightning 구성 요소

(영상 출처 )

Salesforce에서 지원하는 HTML 및 Aura 구성 요소로 구성됩니다. 번들 이름으로 ContactList를 지정하고 제출을 클릭하십시오.

사용자는 아래에 언급 된 필수 단계를 따릅니다.

1. ContactList 컨트롤러 클래스 만들기
2. QuickContacts Lightning 구성 요소 만들기
3. ContactList Lightning 구성 요소 만들기

연락처 목록을 표시하기위한 Lightning 구성 요소를 만든 다음 QuickContacts 구성 요소에 구성 요소를 추가합니다. ContactList 구성 요소는 다음과 같이 구현됩니다.

>> 자세한 내용은 Lightning 구성 요소 만들기 위에서 설명한대로.

Lightning 웹 구성 요소의 이점

Lightning Web Component의 몇 가지 이점은 다음과 같습니다.

# 1) 비즈니스 용 구성 요소 생태계

비즈니스 용 구성 요소를 만들고 Lightning 환경, Salesforce 앱 및 커뮤니티에 유용하게 만듭니다. 탐색 메뉴를 통해 앱 사용자는 구성 요소에 액세스 할 수 있습니다. Lightning 환경 또는 커뮤니티를 사용자 지정하는 목적을 위해 Experience Builder 또는 Lightning App Builder를 사용하여 Lightning 페이지의 끌어서 놓기 구성 요소를 사용합니다.

또한 AppExchange에는 조직을위한 추가 구성 요소가 있습니다. 마지막으로 다른 사용자와 구성 요소를 공유하고 게시 할 수 있습니다.

# 2) 기본 구성 요소

구성 요소가 시간을 낭비 할 필요없이 모든 것을 처리하므로 여러 장치에 맞게 앱을 최적화 할 필요가 없습니다.

# 3) 빠른 개발

모바일 및 데스크톱 장치 모두에서 잘 작동하는 기본 구성 요소를 사용하여 팀이 더 빠르게 작업 할 수 있습니다. 병렬 설계를위한 구성 요소로 앱을 빌드하면 전반적인 개발 효율성이 향상됩니다. 소비자는 구성 요소가 캡슐화되고 내부가 비공개로 유지됨에 따라 구성 요소의 공개 형태를 봅니다.

# 4) 브라우저 간 호환성

개발 된 앱은 반응 형 디자인을 사용하면서 CSS3, HTML5 및 터치 이벤트와 같은 최신 브라우저 기술을 지원합니다.

>> 읽어주세요 이 Lightning 구성 요소 생성에 대한 자세한 내용은

Lightning Aura 구성 요소

Aura 구성 요소는 Lightning 구성 요소의 프로그래밍 모델 역할을합니다. 이러한 구성 요소는 구성 요소 번들입니다.

Aura 구성 요소의 주요 이점은 다음과 같습니다.

• 기본 구성 요소
• 빠른 개발
• 풍부한 구성 요소 생태계

Aura 구성 요소에 대한 샘플 코드 조각 :

Aura Component에 대한 몇 가지 사항을 기록해 두십시오.

• 정적 HTML 태그 및 Aura 구성 요소를 사용하여 XML 마크 업을 사용합니다.
• Visualforce 개발자 및
• 구성 요소의 클라이언트 측 컨트롤러는 JavaScript로 작성됩니다. clickReimbursed 기능 위의 샘플에서.

번개 디자인 시스템

Salesforce Lightning Design System (SLDS)을 사용하면 Salesforce 팀이 사례 별 패턴을 사용하여 더 빠른 반복과 일관된 솔루션을 효율적으로 만들 수 있습니다. 여기에는 Salesforce Lightning 원칙과 모범 사례 및 채택 된 디자인 언어에 따라 일관되게 작동하는 사용자 인터페이스를 만들기위한 모든 리소스가 포함됩니다.

이를 통해 디자이너는 사용자 경험, 상호 작용 및 흐름에 집중할 수 있으며 개발자가 픽셀에 집중하는 대신 응용 프로그램 논리에 집중할 수 있습니다.

완전한 기능의 코드를 지원하는 다른 디자인 시스템과 달리 SLDS는 React 및 Lightning 웹 구성 요소와 같은 다양한 코드베이스를 지원합니다.

Lightning Design System의 일부 기능은 다음과 같습니다.

char에서 int C ++로

# 1) 디자인 지침

Lightning Design System은 Salesforce 파트너 및 고객을위한 핵심 리소스 역할을합니다. 포괄적 인 설계 지침을 개선하면 커뮤니티의 모든 사람이 시스템을 더 잘 이해할 수 있습니다. 원칙 중심 지침은 개발자 중심의 기존 문서를 보완하는 데 도움이됩니다.

SDLC는 Salesforce 제품의 패턴과 구성 요소를 제공합니다. 이러한 패턴 및 구성 요소를 사용하여 Salesforce Ecosystem 내에있는 앱과 제품을 디자인하여 일관된 사용자 경험은 물론 통합 언어를 제공 할 수 있습니다.

아래 이미지는 Salesforce에서 디자인하는 동안 따르는 핵심 디자인 원칙을 보여줍니다.

(영상 출처 )

# 2) 접근성 지침

애플리케이션의 기반은 SLDS에서 제공하는 액세스 가능한 마크 업에 의존합니다. 액세스 가능한 구성 요소를 만들려면 대화 형 구성 요소에 대한 내게 필요한 옵션 지침을 따라야합니다. ARIA 역할 및 속성 관리 및 키보드 동작은 지침의 일부를 구성합니다.

디자인 시스템은 올바른 식별을 위해 ARIA 마크 업과 함께 제공되는 의미 상 올바른 구성 요소의 도움으로 액세스 가능한 구성 요소를 활성화합니다. 이 마크 업부터 액세스 가능한 구성 요소를 만들 수 있습니다. ARIA 역할 및 의미 체계 마크 업은 모범 사례 및 W3C 표준을 기반으로합니다.

# 3) 구성 요소 청사진

구성 요소는 프레임 워크에 구애받지 않고 액세스 가능한 CSS 및 HTML 요소 인 이러한 구성 요소 프레임 워크로 생성됩니다. Salesforce 커뮤니티의 디자이너와 다른 사람들은 이러한 프레임 워크의 도움을 받아 다양한 응용 프로그램 프레임 워크에 대한 고유 한 기능 구성 요소를 구축합니다.

Lightning Design System에 대한 자세한 내용은 다음 비디오를 탐색하십시오.

>> 참조 SLDS 자세한 내용은.

Salesforce Lightning 앱 빌더

Lightning App Builder는 사용자가 Salesforce 모바일 앱뿐 아니라 Lightning Experience에 대한 사용자 정의 페이지를 쉽게 만들 수 있도록하는 포인트 앤 클릭 도구입니다. 또한 Lightning 앱 구성을위한 원 스톱 상점 역할도합니다.

다음 단계에 따라 Lightning 앱 빌더에 액세스합니다.

빠른 찾기 상자-> Lightning 앱 빌더-> 설정-> Lightning 앱 빌더.

Lightning App Builder로 다음 활동을 수행하십시오.

• 단일 페이지 앱으로 표준 페이지를 분석합니다.
• 주요 분기 별 리드 또는 최상위 판매 잠재 고객을 추적하는 대시 보드 스타일 앱을 구축합니다.
• 단일 페이지 앱으로 표준 페이지를 분석합니다.
• 주요 분기 별 리드 또는 최상위 판매 잠재 고객을 추적하는 대시 보드 스타일 앱을 구축합니다.
• 비용을 입력하고 모니터링하는 비용 앱과 같은 포인트 앱으로 특정 문제를 해결합니다.
• 사용자 요구 사항에 따라 개체에 대한 사용자 지정 페이지를 만듭니다.
• 사용자가 가장 자주 사용하는 사용자 정의 홈 페이지를 만듭니다.

Lightning App Builder는 탐색, 앱 옵션을 업데이트하고 앱에 할당 된 Lightning 페이지를 관리하는 데 도움이됩니다.

Salesforce는 Lightning 페이지를 생성하기위한 Lightning App Builder와 같은 도구를 사용자에게 제공합니다. Lightning 구성 요소와 Visualforce 페이지를 페이지로 끌어서 놓으면 가능합니다.

다음은 Lightning 앱 빌더의 이미지입니다.

Lightning App Builder로 앱 홈 페이지 만들기

Salesforce 모바일 앱 또는 Lightning 앱에 추가하기 위해 앱의 홈 페이지가 Lightning App Builder로 생성됩니다.

설정-> 빠른 찾기 상자-> 앱 빌더-> Lightning 앱 빌더-> 새로 만들기-> 앱 페이지-> 다음-> 최대 80 자까지 앱 페이지에 대한 레이블 만들기-> 페이지 템플릿 선택-> 마침

>> 자세한 내용은 링크 .

Lightning 앱 빌더 :

Lightning App Builder를 사용하여 Lightning 페이지에서 탭을 추가하거나 사용자 지정하는 방법은 무엇입니까?

Lightning App Builder를 사용하면 사용자가 Lightning Experience에서 홈 페이지 및 기록에 대한 탭 / 탭 세트의 순서를 생성, 업데이트, 삭제 및 변경할 수 있습니다. 또한 사용자는 표시되는 탭을 구성하고 이름을 지정하고 이러한 탭에 구성 요소를 추가 할 수 있습니다.

>> 자세한 내용은 탭 추가 / 사용자 지정 방법 .

다음은 추가 세부 정보를 제공하는 Lightning App Builder에 대한 비디오입니다.

라이트닝 커넥트

Salesforce Connect를 사용하면 Salesforce 조직이 외부 시스템의 데이터에 액세스 할 수 있습니다. Salesforce 조직 외부에있는 데이터를 검색,보기 또는 수정할 수있는 프레임 워크 역할을합니다.

웹 서비스 콜 아웃의 도움으로 실시간 데이터에 액세스하는 데 유용한 외부 개체 대신 데이터를 조직에 복사 할 필요가 없습니다.

이전에는 ETL (추출, 변환 및 리드 도구)을 사용하는 것이 Salesforce를 외부 데이터와 통합하는 유일한 방법이었습니다. 그러나 이것은 시간이 많이 걸립니다. 반대로 Salesforce Connect를 사용하면 사용자가 외부 소스에있는 데이터 테이블을 Salesforce 조직의 외부 개체와 매핑 할 수 있습니다.

Salesforce Connect를 사용하면 Microsoft Dynamics NAV 및 SAP NetWeaver 게이트웨이와 같은 외부 소스의 테이블을 실시간으로 통합 할 수 있습니다. 그리고이 모든 것이 한 줄의 코드를 작성할 필요없이 가능합니다. 또한 저장 공간과 정기적 인 동기화가 필요한 복사본이 아닌 외부 데이터에 대한 라이브 연결을 제공합니다.

다음 상황에서 Salesforce Connect를 고려하십시오.

• 주어진 시점에서 작은 데이터 청크를 고려하십시오.
• 실시간으로 데이터에 액세스합니다.
• Salesforce 조직에 복사 할 수없는 대량의 데이터가 있습니다.
• 시스템 표준을 마이그레이션하는 동안 Salesforce 조직에 불필요한 데이터가 필요합니다.

Lightning Connect는 어떻게 작동합니까?

Lightning Connect를 통해 사용자는 다양한 외부 데이터 소스에서 실시간 데이터에 액세스 할 수 있습니다.

다음은 Salesforce 조직 외부에있는 콘텐츠 및 데이터와의 연결을 설정하는 외부 데이터 원본을 만드는 단계입니다.

#1) 설정-> 빠른 찾기 상자-> 외부 데이터 소스 입력

#두) 외부 데이터 소스를 클릭하십시오.

또는

편집을 클릭하십시오 (외부 데이터 소스를 수정하는 경우).

• 세부 사항 작성
• 인증 프로토콜 저장
• 저장을 클릭하십시오.
• 연결이 완료되었는지 '확인 및 동기화'를 확인하십시오.

번갈아,

테이블을 선택한 후 동기화를 클릭하고 다음 작업을 수행하십시오.

• Salesforce 외부 개체를 자동으로 만듭니다.
• Salesforce 메타 데이터 필드 유형과 호환되는 각 테이블 열에 대한 사용자 정의 필드를 자동으로 만듭니다.

다음은 외부 데이터 소스의 세부 정보 페이지를 설명하는 그림입니다.

사용자는 외부 시스템의 테이블을 Salesforce 내부의 외부 개체에 매핑 할 수 있습니다. Salesforce 조직의 콘텐츠와 데이터를 결합합니다.

Lightning Connect의 OData 개념

Lightning Connect는 외부 시스템에있는 데이터에 연결하기 위해 특별히 설계된 어댑터 중 하나를 사용합니다. OData (Open Data Protocol) 표준. OData는 데이터 통합에 도움이되는 최신 REST 기반 프로토콜입니다. RESTFUL API 사용의 모범 사례를 정의합니다.

비즈니스 로직을 구축 할 수있을뿐만 아니라 RESTFUL API를 생성합니다. SAP 및 Microsoft와 같은 거대 기술 기업은 이미 OData 지원을 구현하여 SharePoint와 같은 제품에 직접 액세스 할 수 있도록했습니다.

AppExchange For 구성 요소

AppExchange for Salesforce는 선도적 인 엔터프라이즈 클라우드 시장과 동일합니다. 50,000 개의 솔루션을 통해 Salesforce를 모든 부서 또는 산업으로 확장 할 수있는 원 스톱 상점입니다. 1000 명의 컨설턴트의 심층적 인 전문 지식을 통해 비즈니스 혁신을 주도합니다.

각 솔루션은 비즈니스 요구 사항에 따라 Salesforce에 맞게 사용자 정의됩니다. AppExchange는 모든 비즈니스 과제를 해결하는 데 도움이됩니다.

• 앱
• 구성품
• 볼트 솔루션
• 번개 데이터
• 흐름 솔루션
• 컨설턴트

다음은 Salesforce AppExchange의 다이어그램입니다.

(영상 출처 )

참조하시기 바랍니다 Salesforce AppExchange 자세한 내용은.

번개 대 클래식

>> 다른 비교에 대한 자세한 내용은 링크를 참조하십시오 Salesforce 기능 .

결론

Salesforce Lightning 자습서는 Salesforce Lightning, Salesforce Lightning 구성 요소 및 기타 여러 기능과 같은 Salesforce의 다양한 측면을 강조합니다. 또한 Salesforce Lightning과 Salesforce Classic 간의 비교를 강조하는 데 도움이됩니다.

Salesforce Lightning은 다음으로 구성됩니다.

• Salesforce 경험
• Lightning 구성 요소 프레임 워크
• 번개 디자인 시스템
• Salesforce Lightning 앱 빌더
• AppExchange for 구성 요소
• 라이트닝 커넥트

추가 읽기 = >> Salesforce Lightning 인터뷰 질문 및 답변

추천 도서

• Salesforce CRM 자습서-Salesforce CRM이란 무엇입니까?
• Salesforce CPQ 자습서-Salesforce의 CPQ 란?
• Salesforce Service Cloud 자습서 : 구성 및 기능
• SalesForce 테스트 초보자 가이드
• 2021 년 상위 10 대 CRM 소프트웨어 도구 (최신 순위)
• 50 가지 주요 Salesforce 인터뷰 질문 및 답변 (2021 년 업데이트 됨)
• 수익성있는 경력을위한 최고의 Salesforce 인증 가이드
• HubSpot 대 Salesforce-귀하에게 가장 적합한 CRM은 무엇입니까?