Q1. sidebar가 모바일에서도 자동으로 열리도록 되어있어 사용자가 불편할 듯 한데 이 점에 대한 보완점이 있을 지

A1. page setting할 수 있는 옵션이 있습니다. initail_sidebar_state를 통해서 초기값을 설정할 수 있는 옵션이 있을 것 같습니다.

st.set_page_config - Streamlit Docs

Q2. css 적용이 거의 불가능한데(markdown으로 unsafe_allow_html=True 하는 것 제외) 이에 대한 보완점을 알고 계신지

A2. 어떤 부분에 css를 적용하고 싶으신지 모르겠어 답변드리기 애매한 부분이 있습니다. 아무래도 간단한 API를 써볼 수 있게 개발된 툴이라 원하는 대로 세세한 구현은 어려우실 수 있을 것 같습니다.

Untitled

색상이나 폰트같은건 config.toml로 어느정도 조절이 가능합니다. → 더 궁금한 게 있으시면 계쏙 꼬리질문 달아주셔도 됩니다ㅎㅎ저도 더 알아볼게요!

Creating Custom Themes for Streamlit Apps

Q2-1. 정확히는 css로 버튼 혹은 문장(div 포함) 위치 설정, 버튼의 크기 혹은 차지하는 면적 같은걸 설정해주고 싶은데 그렇게 세세하게는 표현이 안되는 것 같아서 방법을 여쭤보고 싶었어요

아래의 답변이 답이 될 수 있을 것 같습니다. 컬럼을 이용하거나 추가 익스텐션을 이용하는 방법이요. 더 세세한 웹 구현을 원하시면 직접 구현하는 것도 하나의 방법이 될 수 있을 것 같습니다. (이 방향을 원하신다면 추가적으로 논의를 해보죠!)

Q3. message input 시에 caption 혹은 subheader등이 사라지게 하는 방법에 대해 알고 계신지

A3. 아래 그림과 같은 캡션(Select..) 말씀하시는 거 맞을까요~?

Untitled

웬만한 input에는 label_visibility라는 옵션이 있어서 숨기거나 접는 옵션이 가능합니다. 아래에 링크 달아두겠습니다.

st.number_input - Streamlit Docs

Q3-1. 제가 말한 caption은 st.caption 이었습니다. 현재 상태를 그림으로 설명하자면

Untitled

위와 같이 되어있는데 1번

Untitled

2번

Untitled

질문 입력 시(input 시) 1번과 2번 중 2번으로 나타나도록 할 수 있을까요?

A3-1. input이 입력되었을 때 caption이 사라지기를 바란다는 말씀이시라면 if문으로 처리가 가능할 것 같습니다!

Q4. 줄을 바꿔야 하는 경우와 문장 또는 버튼을 하단과 우측으로 이동하고 싶은 경우에는 어떻게 사용해야 할지

A4. 줄을 바꿔야 하는 경우가 어떤 경우인가요??

st.columns - Streamlit Docs

Q5. 모바일과 PC 버전을 구분해서 개발할 수 있나요?

A5. 저도 궁금해져서 조금 찾아봤는데, 여러가지 커스텀 플러그인들이 개발된 게 있더라고요. 그걸 이용하면 창 크기나 웹 정보 같은 세세한 것들을 설정할 수 있는 것 같습니다. 기본 기능과 웹 구현이 되면 추가적으로 UX를 위해 더 개발할 여지는 있을 것 같네요! 좋은 질문 감사합니다!

Computer version vs Mobile version

GitHub - aghasemi/streamlit_js_eval: A custom Streamlit component to evaluate arbitrary Javascript expressions