도쿄사는 외노자

개요mermaid-cli 를 이용하여, Mermaid 로 만든 차트를 PNG 파일로 출력하기상세이전 포스팅에서 Mermaid 를 소개한 적이 있다.현재 업무에서도 VSCode 를 이용하여 Mermaid 로 차트를 그리고 있는데, 한가지 문제가 있더라.문제점차트가 길어질 경우, 스크린샷을 찍기가 힘들다.Markdown Preview Mermaid Support 를 이용해서 작성한 차트의 프리뷰를 스크린샷으로 저장, 설계서 등에 붙여넣고 있는데 차트가 위아래로 길어지면 아무래도 한 화면에서 스크린샷을 찍기가 힘들어진다.해결책mermaid-cli 를 이용하니 간단하게 해결 가능했다.설치mermaid-js 의 부속품이므로, npm 으로 설치npm install -g @mermaid-js/mermaid-clino..

개요MermaidMarkdown상에서 다이어그램을 동적으로 작성할 수 있음상세준비물아래의 VSCode Extension 을 준비Markdown Preview Mermaid Support이용방법markdown 파일 (.md) 상에서 아래와 같이 코드를 입력하기만 하면 됨PreviewMac 기준 cmd + shift + p로 커맨드 팔레트 열기 -> preview 검색응용코드화가 가능한 이상, ChatGPT로 작성하는게 가장 빠르고 편함

st.dataframe Streamlit에서는 기본적으로 데이터프레임 출력 기능이 있다. st.dataframe st.dataframe(df) 단점 이걸 쓰기만 해도 화면에 맞추어 데이터프레임을 출력해주며, 확대도 가능한데... 아쉬운 점이 있다. 데이터 내용 전체 표시 linebreak의 적용이 안되어, 한눈에 데이터를 보기 어렵다 데이터 내의 url 링크 url이 있어도 문자열로 인식하므로 링크 부여 불가 이 두가지 문제를 해결하기 위해서는 다른 방법으로 데이터프레임을 출력할 수밖에 없다. to_html 간단히 말하자면 데이터프레임을 html로 변환해서 markdown으로 출력하는 것. st.markdown 구체적인 출력 방식은 아래와 같다. st.markdown(df.to_html(render_li..