개요

"그래서, 실시간 필터링은 어떻게 해요?"

발표 일주일 전 팀 미팅에서 현우가 물었습니다. 지윤도 그게 계속 머릿속을 맴돌았습니다. Plotly로 예쁜 차트는 만들었습니다. HTML로 저장해서 브라우저에서 열 수도 있습니다. 하지만 드롭다운을 클릭하면 그래프가 바뀌는 앱은 아직이었습니다.

"Dash 써봤어?"

팀원 소연이 조용히 손을 들었습니다. "Streamlit처럼 웹 앱 만드는 거야. 근데 Plotly 회사에서 만든 거라 차트랑 연동이 훨씬 자연스러워."

Dash는 Plotly를 만든 회사에서 개발한 웹 프레임워크입니다. Flask 위에서 돌아가고, 리액트로 UI를 그립니다. 파이썬 코드만으로 인터랙티브 웹 앱을 만들 수 있습니다.

핵심 개념은 딱 두 가지입니다. 레이아웃과 콜백. 레이아웃은 화면에 무엇을 어떻게 배치하는지, 콜백은 사용자가 뭔가 하면 무슨 일이 벌어지는지입니다.

학습 목표

• Dash의 기본 구조를 이해하고 첫 앱을 실행할 수 있습니다.
• html, dcc 컴포넌트로 레이아웃을 구성할 수 있습니다.
• @app.callback으로 인터랙티브 동작을 구현할 수 있습니다.
• 드롭다운과 슬라이더로 제어하는 대시보드를 완성할 수 있습니다.

이 장의 구성