Add Styles and Data to Lightning Web Component Learning Objectives
Applying Lightning Design System Styles
Salesforce Lightning Design System(SLDS) is a CSS framework that provides a look and feel that's consistent with Lightning Experience. Lightning web components that live in Lighning statements or static resources.
For example, you can use the SLDS heading styles to give the detail component text that looks more like the standard Lightning text. Update the detail.html file to use the slds-text-heading_small and slds-text-heading_mediumfont settings as follows.
Deploy your files.
Now try the component in your org and see the difference(you'll need to refresh the page)
Looks great! Now we have the look and feel ready to go.(We'll leave further markup changes and SLDS styling as an exercise for you after you finish this module. See Mobile-Friendly Markup for some ideas, and use this app for experiments!
보세요 모바일 친화적 마크업을 몇몇 아이디어를 위해 그리고 이 앱을 사용해보세요 실험에!
Get Salesforce Data
This is a Salesforce app after all, and what you really want is to be able to pull dynamic data from a Salesforce org.
이것은 Salesforce app이다 결국, 그리고 당신이 정말고 원하는것은 가져오는 것이 가능하다 - 동적데이터를 Salesforce조직으로부터
Thw Wire Service Brings Data to Your App
와이어 서비스는 데이터를 가져옵니다 당신의 앱에서
The wire service is part of our platform and delivers a stream of data. The @wire decorator, which we mentioned briefly before, implements the wire service for your app. To use the wire service, do the following.
와이어 서비스는 우리의 플랫폼의 일부이고 데이터의 데이터 스트림을 전달합니다. @wire - 우리가 앞에서 간단히 언급했던건 - 구현한다 그 와이어 서비스를 당신의 앱에서
😅 Words
Adapt Your Component - 구성요소 조정
after all - 결국
be able to - 가능하다
mentioned briefly before - 앞에서 간단히 언급한
implement - 구현하다
