1. 학습
    2. /
  2. 강의
    3. /
  3. Dash와 Plotly로 대시보드 만들기
Connected

연습 문제

Dash 컴포넌트 재사용하기

여러분의 대시보드가 점점 주목받고 있어요. 특히 최근에 만든 date picker 앱이 반응이 좋습니다. 한 고위 관리자가 매우 마음에 들어 했지만, 몇 가지 업데이트를 요청했어요. 회사 표준 스타일의 로고를 사용하고, 여러 위치에 표시해 달라는 거예요.

코드를 깔끔하게 유지하려면, 로고를 위한 재사용 가능한 Python 함수를 만들 때입니다.

승인된 로고 스타일은 다음과 같습니다: 'width':'75px', 'margin':'20px 20px 5px 5px', 'border':'1px dashed lightblue', 'display':'inline-block'

지침

100 XP
  • 11번째 줄 아래에 add_logo()라는 재사용 가능한 컴포넌트 함수를 만들어 corp_logo 컴포넌트를 반환하게 하세요.
  • 이 함수 안에서, 13번째 줄 아래에 제공된 스타일을 사용해 적절한 HTML 컴포넌트로 Dash 이미지 요소 corp_logo를 생성하세요.
  • 20, 27, 30, 46번째 줄 아래 표시된 4곳 각각에서 add_logo() 함수를 호출하세요.