Hello World Lightning 웹 구성 요소 만들기

학습 목표

이 프로젝트에서는 다음 작업을 수행합니다.

Salesforce CLI를 설치합니다.
Salesforce DX용 Visual Studio Code와 확장 기능을 설치합니다.
Lightning 웹 구성 요소를 만들고 배포합니다.

참고

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

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

개요

Lightning 웹 구성 요소는 Lightning 구성 요소를 만들기 위한 새로운 프로그래밍 모델입니다. 이는 획기적인 웹 표준을 사용하고 Aura 프로그래밍 모델과 공존 및 상호 운용이 가능하며 탁월한 성능을 제공합니다. Lightning 웹 구성 요소를 만들고 개발하여 그 강력한 기능과 성능을 누리리면 Salesforce DX를 설치해야 합니다. 이번 빠른 시작에서는 Salesforce Platform에서의 개발에 권장되는 코드 편집기인 Visual Studio Code도 사용합니다. 개발자 환경을 준비하고 나서는 간단한 Lightning 웹 구성 요소를 작성한 다음 이를 Lightning Experience의 페이지에 추가하는 방법을 살펴볼 것입니다.

Salesforce 개발자 익스피리언스(DX)는 전체 개발 수명 주기를 간소화하는 도구 모음입니다. 이는 팀 개발 및 협업을 촉진하고 자동화된 테스트와 지속적인 통합을 용이하게 하며 릴리스 주기의 효율성과 민첩성을 높입니다.

Trail Together와 함께 알아보기

이 단계를 전문가와 함께 진행하고 싶으신가요? Trailhead Live에서 Trail Together 시리즈의 일부인 이 비디오를 시청하세요. Resources(리소스) 섹션에서 전체 세션에 대한 링크를 찾을 수 있습니다.

Trailhead Playground 설정하기

새 Trailhead Playground 만들기

이 프로젝트에서는 새로운 Trailhead Playground를 만들어야 합니다. 페이지 아래로 내려가서 Playground 이름을 선택해 Create Playground(Playground 만들기)를 클릭합니다. 일반적으로 새 Trailhead Playground를 만드는 데는 3~4분이 소요됩니다.

완전히 새로운 Trailhead Playground를 만드셔야 합니다! 기존 조직 또는 Playground를 사용하면 이 과제를 완료하는 데 문제가 발생할 수 있습니다.

Trailhead Playground 사용자 이름 및 암호 확인하기

암호를 재설정하세요. 이후 단계에서 Salesforce CLI로 Trailhead Playground를 인증하려면 사용자 이름과 암호가 모두 필요합니다.

조직에 Get Your Login Credentials(로그인 자격 증명 가져오기) 탭이 보이면 정상입니다! 아래 절차를 따라합니다. 그렇지 않을 경우 앱 시작 관리자()에서 Playground Starter를 찾아서 선택한 후 절차를 따라해 보세요.

Get Your Login Credentials(로그인 자격 증명 가져오기) 탭을 클릭하고 사용자 이름을 기록합니다.
Reset My Password(내 비밀번호 재설정)를 클릭합니다. 그러면 사용자 이름에 연결된 주소로 이메일이 전송됩니다.
이메일의 링크를 클릭합니다.
새 비밀번호를 입력하고 확인한 후 Change Password(비밀번호 변경)를 클릭합니다.

CLI(명령줄 인터페이스) 설치

Salesforce CLI를 사용하여 Salesforce 앱의 전체 애플리케이션 수명 주기를 제어하세요. 이를 통해 개발 및 테스트를 위한 환경을 간편하게 만들고, 조직과 버전 관리 시스템(VCS) 간에 소스 코드를 동기화하고, 테스트를 실행할 수 있습니다.

전체 설치 지침에 대한 내용은 Salesforce CLI 설정 가이드를 참조하세요.

Salesforce CLI에서 CLI를 설치합니다.
명령줄에서 다음 명령을 실행하여 CLI가 최신 버전이고 제대로 설치되었는지 확인합니다.
sf update
Updating CLI....(CLI 업데이트 중....)와 같은 내용이 출력됩니다.

다음 단계에서는 Visual Studio Code를 통해 로컬 개발 환경을 설정하겠습니다.

Salesforce에서는 사용자 설정을 확인하지 않습니다. Verify Step(단계 확인)을 클릭하여 프로젝트의 다음 단계로 이동합니다.