무료 온라인 액세스 Salesforce.Plat-UX-101.v2026-10-02.q70 모의 시험 (Page 11)

Plat-UX-101 문제 46

Cloud Kicks 개발팀은 VS Code를 사용하여 새로운 사용자 지정 컴포넌트를 제작하고 있습니다. 이 과정에서 새로운 CSS 클래스와 속성이 Salesforce Lightning Design System(SLDS)과 충돌하는 경우가 종종 발생합니다. Lightning 컴포넌트에서 SLDS를 더 쉽게 사용할 수 있는 방법은 무엇일까요?

A. AppExchange에서 SLDS Creator를 설치하세요

B. VS Code용 SLDS Validator 확장 프로그램을 설치하세요

C. Sketch용 Lightning Design System 플러그인을 설치하세요

정답: B

Lightning Components에서 SLDS 작업을 간소화하는 가장 좋은 방법은 VS Code용 SLDS Validator 확장 프로그램을 설치하는 것입니다. 이 확장 프로그램(salesforcedx-vscode-slds)은 구성 요소의 마크업을 스캔하고 SLDS 문서에 따라 유효성을 검사하며 코드 개선 방법에 대한 제안을 제공합니다.1 또한 구문 강조 표시, 코드 자동 완성, SLDS 토큰 및 유틸리티 클래스에 대한 컨텍스트 인식 기능을 제공합니다.1 이 확장 프로그램을 사용하면 개발팀은 CSS 충돌을 방지하고 SLDS 모범 사례를 준수하며 일관되고 접근성 있는 구성 요소를 만들 수 있습니다.2
AppExchange에서 SLDS Creator를 설치하는 것은 적절한 옵션이 아닙니다. AppExchange에는 그러한 앱이 없기 때문입니다. AppExchange는 Salesforce 앱, 구성 요소 및 컨설팅 서비스를 위한 마켓플레이스이며 VS Code 확장 프로그램을 위한 마켓플레이스가 아닙니다.
Sketch용 Lightning Design System 플러그인을 설치하는 것도 VS Code 또는 Lightning Components와 관련이 없으므로 적절한 해결책이 아닙니다. Sketch는 사용자가 와이어프레임, 목업 및 프로토타입을 만들 수 있는 디자인 도구입니다. Sketch용 Lightning Design System 플러그인은 Sketch 사용자를 위해 SLDS 구성 요소, 아이콘 및 스타일을 제공하는 플러그인입니다. 디자이너가 일관되고 호환 가능한 디자인을 만드는 데 도움이 될 수 있지만, 개발자가 VS Code에서 SLDS를 사용하는 데는 도움이 되지 않습니다.
SLDS 유효성 검사기 - Visual Studio Marketplace
VS Code용 SLDS 유효성 검사기 - Lightning Design System
AppExchange: Salesforce의 선도적인 엔터프라이즈 클라우드 마켓플레이스
Sketch - 디지털 디자인 툴킷
[스케치용 조명 디자인 시스템 플러그인]

Plat-UX-101 문제 47

Cloud Kicks는 신속하게 구현해야 하는 맞춤형 Lightning Web Component(LWC)를 구축할 계획입니다.
팀은 Lightning 컴포넌트 코드, 문서 및 사양을 어디에서 찾아볼 수 있을까요?

A. V5 코드용 Salesforce 확장 기능

B. SLDS 웹사이트의 디자인 토큰

C. developer.salesforce.com의 컴포넌트 라이브러리는 추후 검토 항목입니다.

Plat-UX-101 문제 48

Cloud Kicks는 UX 디자이너에게 IT 헬프데스크 팀이 대기 중인 케이스를 신속하게 해결할 수 있도록 Salesforce를 최적화해달라고 요청했습니다.
Salesforce 기반으로 IT 헬프데스크 팀원들에게 적절한 사례를 신속하게 보여줄 수 있는 어떤 접근 방식을 추천해야 할까요?

A. 로그인한 팀원에게 할당된 케이스를 표시하도록 구성된 케이스 할당 구성 요소를 팀 홈 페이지에 추가합니다.

B. 담당자가 배정된 케이스와 미결 케이스를 표시하도록 필터링된 사용자 지정 목록 보기를 표시하도록 구성된 목록 보기 구성 요소를 홈 페이지에 추가합니다.

C. 배정된 케이스와 진행 중인 케이스를 표시하도록 구성된 페이지에 케이스 받은 편지함 구성 요소를 추가합니다.

Plat-UX-101 문제 49

Cloud Kicks는 영업 담당자가 전화번호를 올바른 형식과 자릿수로 입력하지 않으면 새 계정을 저장할 수 없도록 하고 싶습니다. 유효성 검사 규칙을 통해 새 계정 저장을 차단할 수 있습니다.
오류를 방지하면서 가장 간단한 방법으로 사용자 경험을 개선하려면 어떤 방법을 사용해야 할까요?

A. 앱 내 안내를 사용하여 페이지에 표시할 메시지를 설정합니다.

B. 페이지에 표시할 필드 수준 오류 메시지를 설정합니다.

C. 해당 항목을 필수 항목으로 표시하십시오.

Plat-UX-101 문제 50

모바일 환경에서 아코디언 요소의 사용성을 어떻게 개선할 수 있을까요?

A. 브라우저의 뒤로 가기 버튼을 사용하여 콘텐츠를 접으세요.

B. 확장된 섹션을 화면 상단으로 이동합니다.

C. 기본적으로 첫 번째 섹션을 확장합니다.

정답: C

모바일 환경에서 아코디언 요소의 사용성을 개선하기 위해 첫 번째 섹션을 기본적으로 확장하는 것이 유용할 수 있습니다. 이는 아코디언에 어떤 콘텐츠가 숨겨져 있는지 명확하게 보여주고 나머지 섹션을 탐색하도록 유도하기 때문입니다.1 또한, 첫 번째 섹션을 기본적으로 확장하면 사용자가 어떤 섹션을 먼저 열지 결정할 필요가 없어 인지 부하를 줄일 수 있습니다.2 나아가, 첫 번째 섹션을 기본적으로 확장하면 스크린 리더 사용자가 위젯의 구조와 목적을 더 쉽게 이해할 수 있어 아코디언의 접근성을 향상시킬 수 있습니다.3
뒤로 가기 버튼을 사용하여 콘텐츠를 접는 것은 사용자를 혼란스럽게 하고 브라우저의 예상되는 동작을 방해할 수 있으므로 좋은 방법이 아닙니다. 뒤로 가기 버튼은 이전 페이지로 이동하는 용도이지 아코디언 섹션을 접는 용도가 아닙니다. 또한 뒤로 가기 버튼을 사용하여 콘텐츠를 접으면 사용자가 현재 페이지나 상태를 잃어버릴 수 있으므로 탐색 문제가 발생할 수 있습니다.
확장된 섹션을 화면 상단으로 이동하는 것도 좋은 방법이 아닙니다. 사용자의 공간 기억과 방향 감각을 방해할 수 있기 때문입니다. 확장된 섹션을 화면 상단으로 이동하면 아코디언 섹션의 순서와 위치가 바뀌어 사용자가 원하는 섹션을 찾고 접근하기가 더 어려워질 수 있습니다.5 또한 사용자가 콘텐츠가 화면에서 이동할 것이라고 예상하지 못하기 때문에 어색하고 일관성이 없는 사용자 경험을 초래할 수 있습니다.5
완벽한 아코디언을 디자인하는 방법
아코디언: 디자인 가이드라인
접근성 높은 아코디언 - 사례 및 모범 사례 | Aditus
데이터를 수정할 때 뒤로 가기 버튼을 사용하지 마세요.
아코디언 형태로 구성된 모바일 내비게이션의 사용성은 어떨까요?

최근 업로드: 137F5.402.v2026-10-02.q47; 143Salesforce.Plat-UX-101.v2026-10-02.q70; 121SAP.C-BCFIN-2502.v2026-10-02.q24; 170Microsoft.AZ-900.v2026-10-02.q270; 173Microsoft.SC-401.v2026-10-02.q191; 158HashiCorp.Terraform-Associate-003.v2026-10-01.q140; 142CIRO.RSE.v2026-10-01.q40; 167PRINCE2.PRINCE2Practitioner.v2026-10-01.q216; 146Symantec.250-573.v2026-10-01.q69; 144Zscaler.ZTCA.v2026-09-30.q25