Skip to main content

샘플 갤러리 알아보기

참고

참고

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

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

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

  • 샘플 앱에 대해 알아봅니다.
  • 샘플 앱의 위치와 구축 이유를 알아봅니다.
  • 일반적인 샘플 앱 도구를 살펴봅니다.

Trailhead 샘플 앱

개발자들은 다른 사람이 작성한 코드를 검토하는 것을 어떤 작동법을 배울 수 있는 검증된 방법이라고 생각합니다. 이것은 개발자가 되기 위한 과정에 있는 초보자들에게도 마찬가지입니다.

Trailhead 샘플 앱은 Salesforce Platform의 다양한 개발자 기능에 대한 코드 예제를 제공합니다. 샘플 앱은 최고의 최신 Salesforce 기술을 활용하는 데 도움이 되도록 제작되었습니다. 

샘플 앱 찾기

Trailhead 샘플 앱은 각자의 GitHub 조직에 있습니다. 찾는 방법은 다음과 같습니다. 

  1. 기본 브라우저를 엽니다.
  2. github.com/trailheadapps으로 이동합니다.
  3. 끝났습니다! 샘플 앱을 찾으셨습니다.
참고

개발자 웹 사이트와 샘플 앱은 지속적으로 개발되고 있습니다. 따라서 일부 그림이나 세부 사항(버전 번호 등)은 이 프로젝트에 표시되는 방식과 약간 다를 수 있으며, 이러한 차이는 프로젝트를 완료하는 데 아무런 영향을 미치지 않습니다.

Trailhead 샘플 앱 조직에서 확인할 수 있는 내용

GitHub 조직의 샘플 앱 시작 페이지

우선 Trailhead 샘플 앱은 Salesforce 기술을 사용하여 개발하는 모든 개발자를 위한 앱이라는 사실을 알아야 합니다. 이 중 어느 것이든 자체 리소스로 사용할 수 있습니다. 각 앱에는 앱의 콘텐츠에 익숙해질 수 있도록 도움이 되는 셀프 가이드 리소스가 포함되어 있습니다. Visual Studio Code에서는 편집기에서 바로 특정 주요 코드 아티팩트를 살펴볼 수 있는 코드 둘러보기를 확인할 수 있습니다. Salesforce 조직에 배포된 후에는 앱 내 지침을 통해 앱에 대해 자세히 알아볼 수 있습니다. 

Trailhead 모듈과 프로젝트에서 주목할 만한 기능을 제공하는 몇 가지 샘플 앱이 있습니다. 일부 앱의 경우 Trailhead 콘텐츠를 지원하기 위해 특별히 제작되었습니다. 또한 저희가 만든 앱을 Trailhead 콘텐츠 작성자들이 일반적인 사용 사례로 채택하기도 했습니다. 이에 대해 더 자세히 알아봅시다.

  1. 샘플 갤러리를 스크롤합니다.
  2. 모든 앱 타일에는 확장 가능한 Description and Features(설명 및 기능) 섹션이 있습니다.
  3. LWC 레시피 앱을 찾습니다. Description and Features(설명 및 기능) 섹션을 확장합니다.
  4. 잠시 시간을 내어 타일의 설명과 기능을 읽어보세요.
  5. 샘플 앱에 대해 알아보려면 Trailhead 프로젝트 링크를 참고하세요.
  6. 이제 ECars라는 앱을 찾아 설명, 기능 및 샘플 앱 링크를 읽어보세요.
  7. 시간을 조금 더 투자해 앱 설명에 관한 몇 가지 사항을 더 살펴보세요.

이러한 앱 중 일부는 고객 사용 사례를 시뮬레이션합니다. 그리고 사용 사례 없이 코드 예제를 통해 특정 API와 개발자 기능이 어떻게 작동하는지 보여주는 경우도 있습니다. 

사용 사례 앱: 사용 사례 앱은 각각 모의 고객 사용 사례를 중심으로 구축됩니다. 이들은 주로 배우고자 하는 Salesforce Platform 개발자 기능의 일부 하위 집합에 초점을 맞추는 경향이 있습니다. 여기에는 커뮤니티, Heroku, Slack 통합, 패키징 및 종속성 등이 포함됩니다. 모든 앱을 살펴보면 더 많은 것을 찾을 수 있습니다. 

Configurator 앱에서 파란색 자동차를 보여주는 E Cars 앱 사용자 인터페이스

코드 예제 앱: 이러한 앱은 코딩 문제를 해결하는 방법을 보여 주지만 고객 스토리를 전달하려고 하지는 않습니다. 

레시피라는 스타일을 사용하는 앱도 있습니다. 여기서는 특정 문제를 해결하는 방법을 보여주며, 문제를 해결하는 데 있어서 가장 간단한 코드를 솔루션으로 표시하려 합니다. 그리고 각 코드 아티팩트(예: JS 파일 또는 Apex 메서드)는 해당 코드가 어떤 종류의 문제를 해결하는지를 식별할 수 있는 방식으로 명명합니다. 예를 들어, LWC 레시피 앱에서는 와이어 어댑터를 사용하여 정적 필드 이름으로 연락처 레코드가져오는 wireGetRecordStaticContact라는 Lightning 웹 구성 요소를 확인할 수 있습니다. LWC 레시피 외에도 Apex 레시피, Functions 레시피, LWC 레시피 오픈 소스가 있습니다.

기본 Lightning 웹 구성 요소를 보여주는 LWC 레시피 앱 UI

레시피 앱 외에도 다른 코드 예제 앱이 있습니다. Salesforce Platform 기능에 대한 구체적인 코딩 및 개발 패턴을 보여주는 앱으로, 여기에는 Visualforce to LWC 및 자동화 구성 요소 앱이 포함됩니다. 

샘플 앱을 소개해 드렸으니 이제 코드를 살펴보겠습니다! 

샘플 앱 코드 리포지토리

GitHub 조직 시작 페이지는 활성 샘플 앱의 디렉터리 역할을 합니다. 여기서 모든 샘플 앱을 쉽게 확인하고 관심 있는 샘플 앱의 리포지토리로 이동할 수 있습니다. 

  1. LWC Recipes (LWC 레시피) 앱 타일로 스크롤합니다.
  2. 샘플 앱의 이름인 LWC Recipes를 클릭합니다.
  3. LWC 레시피의 GitHub 리포지토리로 리디렉션됩니다.

현재 유지 관리 중인 앱 외에도 수년 동안 수많은 앱을 보관해 왔습니다. Back(뒤로) 버튼을 클릭한 다음 GitHub 탐색 바에서 Repositories (리포지토리) 링크를 클릭하면 다양한 공개 리포지토리를 확인할 수 있습니다. 이 중에는 특정 개발자에게 흥미롭고 작업과 관련이 있는 예제가 있을 수 있습니다. 이러한 앱은 더 이상 적극적으로 유지 관리되지 않는다는 점을 유의하세요. 

지금까지 Trailhead 샘플 앱 GitHub 조직에 대해 알아보았습니다. 다양한 샘플 앱의 목적에 대해서도 살펴보았죠. 그리고 LWC 레시피 샘플 앱의 리포지토리로 이동했습니다. 다음 단계에서는 이러한 앱에 대한 도구 설정 방법과 도구와 관련된 다양한 아티팩트를 찾는 방법을 배워 보겠습니다. 

이 단계에서는 여러분의 작업물을 확인하지 않습니다. Verify step to earn 100 points(단계를 확인하고 100포인트 획득)를 클릭하고 프로젝트의 다음 단계로 이동하세요.

Salesforce 도움말에서 Trailhead 피드백을 공유하세요.

Trailhead에 관한 여러분의 의견에 귀 기울이겠습니다. 이제 Salesforce 도움말 사이트에서 언제든지 새로운 피드백 양식을 작성할 수 있습니다.

자세히 알아보기 의견 공유하기