Skip to main content

샘플 갤러리 알아보기

참고

참고

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

원하는 언어로 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포인트 획득)를 클릭하고 프로젝트의 다음 단계로 이동하세요.

계속해서 무료로 학습하세요!
계속 진행하려면 계정을 가입하세요.
얻을 수 있는 이점
  • 커리어 목표에 대한 개인화된 권장 사항 제공받기
  • 실습 과제 및 퀴즈를 통해 스킬 연습
  • 진행 상황을 추적하고 고용주에게 공유
  • 멘토십과 커리어 기회에 연결