목록Tech/Design (5)

도쿄사는 외노자

Mermaid 를 PNG 로 Export 하기

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

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

１．Install 확장기능탭 Ctrl+ Shift +X 검색 PlantUML ⇒Install 파일 확장자：.pu 2．Preview Alt+D 3．Export UML을 PNG로 Export하는 방법 커맨드 팔레트 Ctrl +Shift +P 검색 PlantUML 선택① PlantUML:Export Current File Diagrams 선택② PNG
Tech/Design 2020. 5. 18. 18:17
イミュータブルデータモデル

イミュータブルデータモデル（入門編）
Tech/Design 2017. 12. 6. 13:58
ディレクトリ構成図

간단하게 디렉토리 구성도 작성하기 簡単に「ディレクトリ構成図」を作成する 맥에서 사용할 경우엔 인스톨 필요 Macで使いたい場合はインストール必要 brew install tree - cmd에서 폴더의 트리 구조 출력 - コマンドプロンプトでフォルダのツリー構造出力 tree 경로 tree 経路 폴더 내의 파일까지 보고 싶을 때엔 /f 추가 フォルダ内のファイルまで見たい場合は、「/f」を追加 그걸 파일로 출력하고 싶다면 > ~~.txt それをファイルで出力したい場合は、「 > ~~.txt」 ex) tree /f C:\Users\kwon\git\Project > DirectoryTree.txt 이후 해당 txt파일을 엑셀에 붙여넣기. 後、そのtxtファイル（DirectoryTree.txt）をエクセルに貼り付け 엑셀에서의 칸 구분을..
Tech/Design 2016. 1. 14. 20:32
이전 Prev 1 Next 다음