Visual Studio Code for Salesforce Development 사용

참고

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

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

Trail Together와 함께 알아보기

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

(이 영상은 19분 41초부터 시작합니다. 단계 시작 부분으로 되돌려 다시 시청하려는 경우 참고하십시오.)

터미널과 명령어 팔레트 비교

다른 우수한 개발 도구와 마찬가지로 Visual Studio Code로 작업을 수행하는 방법에는 여러 가지가 있습니다. Salesforce CLI와 상호 작용할 수 있는 두 가지 주요 방법은 통합 터미널 또는 빠른 열기 창을 이용하는 것입니다.

빠른 열기 창을 보려면 Ctrl+P(Windows) 또는 Cmd+P(macOS)를 누릅니다. ?를 입력한 경우 도움말 메뉴를 확인할 수 있습니다. 이 모듈을 통해 명령어 팔레트 모드에서 빠른 열기 창을 사용하여 명령어를 표시하고 실행할 수 있습니다.

필드에 ?가 입력된 빠른 열기 창의 전역 명령어의 보기입니다.

프로젝트 만들기

Ctrl+Shift+P(Windows) 또는 Cmd+Shift+P(macOS)를 눌러 명령 팔레트를 표시합니다.
새 프롬프트가 >(으)로 시작하는지 확인합니다.
SFDX:Create Project(SFDX:프로젝트 만들기)를 입력합니다.
SFDX: Create Project(SFDX: 프로젝트 만들기)를 선택합니다.
Standard(표준)를 선택합니다.
프로젝트 이름 VSCodeQuickstart를 입력하고 Enter를 누릅니다.
나중에 쉽게 찾을 수 있도록 프로젝트를 만들 위치로 Desktop(데스크톱)을 선택합니다.
새 Visual Studio Code 창이 열릴 때까지 기다립니다. 파일 탐색기에 입력하기 전에 확장 기능이 프로젝트를 준비 중이라는 메시지가 표시되어야 합니다.

파일 검색

Ctrl+P(Windows) 또는 Cmd+P(macOS)를 눌러 검색 팔레트를 표시합니다. 이렇게 하면 검색 파일로 초점이 전환됩니다.
필드에 project-scratch-def.json을 입력합니다.
결과를 클릭하여 파일을 엽니다.
Search () 메뉴를 클릭합니다.
orgName을 검색합니다.
project-scratch-def.json의 첫 번째 검색 결과가 나타납니다.
orgName 값(: 다음 “” 사이)을 Learning VS Code로 변경합니다.
Ctrl+S(Windows) 또는 Cmd+S(macOS)를 눌러 파일을 저장합니다.

작업 영역에 인증

Ctrl+Shift+P(Windows) 또는 Cmd+Shift+P(macOS)를 눌러 명령 팔레트를 표시합니다.
SFDX:Authorize an Org(SFDX:조직 인증)를 입력합니다.
SFDX: Authorize an Org(SFDX: 조직 인증)를 선택합니다.
기본 로그인 URL을 수락하려면 Enter를 누릅니다.
별칭 VSCodePlayground를 입력합니다.
기본 브라우저에서 새 Salesforce 로그인 창이 열립니다. 마지막 단계에서 검색한 작업 영역 사용자 이름과 암호를 사용하여 작업 영역에 로그인합니다.
연결된 앱에 대한 액세스 권한을 부여할지 묻는 메시지가 표시되면 Allow(허용)를 클릭합니다.
브라우저 창을 닫습니다.
트랜잭션이 완료되면 명령줄 터미널 창에서 성공 메시지를 반환합니다.

Apex 클래스 만들기

Explorer () 메뉴를 클릭합니다.
VSCODEQUICKSTART 디렉터리에서 force-app을 클릭하여 폴더 트리를 표시합니다. force-app/main/default 디렉터리에서 applications, aura, classes 등과 같은 프로젝트에 포함된 메타데이터를 찾습니다.
classes 폴더를 마우스 오른쪽 버튼으로 클릭합니다.
SFDX: Create Apex Class(SFDX: Apex 클래스 만들기)를 선택합니다.
이름 AccountController를 입력합니다.
VS Code에 메시지가 표시되면 AccountController.cls를 추가할 디렉터리로 force-app/main/default/classes를 선택합니다.

새로 열린 AccountController.cls 파일에서 기본 코드를 다음과 같이 바꿉니다.

public with sharing class AccountController {
  public static List<Account> getAllActiveAccounts() {
    return [SELECT Id, Name, Active__c FROM Account WHERE Active__c = 'Yes' WITH SECURITY_ENFORCED];
  }
}

파일을 저장합니다.

쿼리

새 Apex 클래스에는 SOQL 쿼리가 있지만 조직에 배포하기 전에 예상대로 작동하는지 확인해야 합니다. 여기에서는 명령어 팔레트를 사용하여 조직에 대해 쿼리를 실행합니다.

코드의 3행에서 쿼리 SELECT Id,Name,Active__c FROM Account WHERE Active__c = 'Yes'를 강조 표시합니다(WITH SECURITY_ENFORCED는 강조 표시하지 않습니다).
Ctrl+Shift+P(Windows) 또는 Cmd+Shift+P(macOS)를 눌러 명령 팔레트를 표시합니다.
SOQL를 입력합니다.
SFDX:Execute SOQL Query with Currently Selected Text(SFDX: 현재 선택된 텍스트로 SOQL 쿼리)를 실행합니다.
REST API를 선택하고 Enter를 누릅니다.
통합 터미널 창의 Output(출력) 탭에서 쿼리 결과를 검토합니다. 창에는 다음과 같은 요약이 나와 있어야 합니다. SFDX: Execute SOQL Query ... ended with exit code 0. 이는 성공적으로 실행되었음을 의미합니다.

배포

마지막 단계로 Visual Studio Code의 작업 영역에 코드를 배포합니다.

classes 폴더를 마우스 오른쪽 버튼으로 클릭합니다.
SFDX: Deploy Source to Org(SFDX: 조직에 원본 배포)를 클릭합니다.
통합 터미널의 Output(출력) 탭에서 배포 결과를 확인합니다. "SFDX: Deploy Source to Org ... ended with exit code 0"이라는 알림도 수신해야 합니다. 이는 성공적으로 실행되었음을 의미합니다.

마무리

지금까지 Visual Studio Code 및 Salesforce Extensions를 사용하는 방법에 대해 배웠습니다. 또한 IDE의 기능이 개발 효율을 극대화하는 데 어떤 도움을 주는지 살펴봤습니다. 이제 Apex Replay Debugger를 사용하여 디버깅하고, 필요에 맞게 편집기를 사용자 정의하고, Visual Studio Code로 개발자 파이프라인을 실행하는 등의 더욱 복잡한 주제를 살펴보겠습니다.

도움말 검색

더 알아보기