html.Div 에 간단한 데이터 저장하기

https://budavariam.github.io/posts/2021/04/05/plotly-dash-development-tips/#store-simple-runtime-data

 

• html.Div 의 "data-*" attribute 에 데이터를 저장하는 것이 가능하다.
• 간단 예제

import dash_html_components as html

html.Div(id="hidden-data-value", style=dict(display="none"), **{
  "data-value-1": "hello",
  "data-value-2": "false"
})

• html.Div 에 데이터를 저장하는 것은 https://wefree.tistory.com/335 에서 sessionStorage 에 저장하는 것 처럼, 저장 공간만 바뀔 뿐이지 Dash callback 은 동일한 방식으로 동작한다.  따라서 그냥 sessionStorage 나 localStorage 를 사용하는 것이 나을 듯?

 

후기

'data-value-1' 처럼 파이썬에서 허용되지 않는(이름에 '-' 가 들어감) function parameter 로 어떻게 속성을 지정할 수 있는지 궁금했었는데 dictionary  를 이용하면 가능하군...

html.Div(..., **{"data-value-1": ... })