Set Up Visual Studio Code

참고

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

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

Trail Together와 함께 알아보기

이 단계를 전문가와 함께 진행하고 싶으신가요? Trailhead Live에서 Trail Together 시리즈의 일부인 이 비디오를 시청하세요.

(이 영상은 7분 4초부터 시작합니다. 단계 시작 부분으로 되돌려 다시 시청하려는 경우 참고하세요.)

Visual Studio Code용 Salesforce 확장 기능 설치하기

Visual Studio Code는 Salesforce 개발자를 위한 코드 편집기입니다. 무료이며 오픈 소스이고 Windows, Linux, macOS에서 사용할 수 있습니다. 이 편집기에서는 구문 하이라이트, 코드 완성 등을 위한 확장 기능을 손쉽게 설치할 수 있습니다.

Visual Studio Code의 코드 완성 기능 예시

이번 프로젝트에서는 Visual Studio Code와 권장 Salesforce 확장 팩을 설치합니다.

VS Studio Code용 Salesforce 확장 기능의 일부 기능, 그 중에서도 특히 Apex Support는 Java 플랫폼 JDK(Standard Edition Development Kit)에 따라 다릅니다. JDK 버전 17(권장됨) 또는 JDK 버전 11을 설치해야 합니다. 그 외 버전의 Java를 설치하셨다면 JDK 17 또는 JDK 11 중 하나를 추가로 설치하셔야 합니다. 해당 JDK를 설치하셨다면, 아래의 링크를 사용해 설정을 구성하세요.

Salesforce 확장 기능: Java 설정

사용 중인 운영 체제에 맞는 Visual Studio Code의 최신 버전을 다운로드하여 설치합니다. Visual Studio Code가 이미 설치되어 있는 경우 다시 설치할 필요는 없습니다.
Visual Studio Code를 실행합니다.
왼쪽 도구 모음에서 Extensions(확장 기능) 아이콘()을 클릭합니다.
Salesforce Extension Pack(Salesforce 확장 팩)을 검색하고 Install(설치)을 클릭합니다.

Salesforce Extension Pack(확장) 버전도 있습니다. 여기에는 Salesforce 개발자들이 일반적으로 사용하는 타사 확장도 포함됩니다. Extension Pack은 하나만 있으면 됩니다.

개발 환경 준비 여부 확인하기

이제 Visual Studio Code를 설치하고 필요한 확장 기능을 활성화했으니 테스트를 해봅시다.

Visual Studio Code에서 Ctrl+Shift+P(Windows) 또는 Cmd+Shift+P(macOS)를 눌러 명령 팔레트를 엽니다.
sfdx를 입력해 Salesforce 확장 기능이 제공하는 명령어를 필터링합니다. 더 많은 SFDX 명령어를 사용할수록 recently used(최근 사용) 패널에 해당 명령어가 나타나게 됩니다.

마지막 단계에서는 첫 Lightning 웹 구성 요소를 만들고 이를 조직의 홈 페이지에 추가해 보겠습니다.

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