# PlantUML
[의사코드와 흐름도] 프로그램 설계 방법 및 예제
의사코드(pseudo code)란? 프로그램이나 알고리즘이 수행되는 각 모듈의 작동 논리를 표현하기 위한 코드이다. 장점 전체적인 프로그램의 수행 프로세스를 알 수 있다. 프로그램을 개발하기 전에 설계하여 프로그램 논리 오류를 사전에 파악하고 해결할 수 있다. 별도의 설계 문서(ppt등)를 만들지 않고 코드와 함께 관리가 용이하다 의사코드 기준으로 개발 진척도를 보고 개발 진행 상태를 볼 수 있다 단점 실행되는 코드가 아닌 흉내만 내는 코드이기 때문에 여러 스타일이 있다. 흐름도/순서도(flowchart)란? 프로그램의 실행 흐름을 도식화하여 시각적으로 나타낸 다이어그램의 한 종류다 장점 프로그램의 흐름을 한 눈에 보기 쉽다 국제표준화기구에서 표준안으로 결의된 기호를 사용하여 공통의 규칙이 있어 보기 편하다 단점 도형 등으로 만들어져 있어 작성이 번거로울 수 있다.
npm i schema-to-erd
https://velog.io/@youngkiu/DB-SchemaDDL-ER-Diagram 의 미진한 부분과 추가적인 아이디어까지 모두 적용하였습니다. 다음과 같이 간단히 실행할 수 있습니다. Look at the ERD image - [http://www.plantuml.com/plantuml/img/](http://www.plantuml.com/plantuml/img/ZLPBhjim3Dph5DeLAF0sNNfHl9iOgaGxGcr9eEJa1KNlNkfhEKZShCAXE2H5Zeny-Y0mREl2s3T-qGfuk03tpWQMaDGe5yZs2k5YbS01q2muUx0HwguMgsuGjhWTNpcmuNBioyWE8IxStp2I0mriR9r2iVD468fbRfAICWGawtBcGmIBmpZdinHAx8dZJwCHgn0O14FzkQK2C3-jXnA8NXVicIGynImMp8LDe7r3AGAOcU8vsbkIoZj2gMSHThNfQJX6QBzrolefpchC
DB Schema(DDL) --> ER Diagram
DB schema 화일을 PlantUML을 사용하여 ER Diagram으로 출력하여주는 나의 첫번째 npm package https://www.npmjs.com/package/schema-to-erd 1.0을 릴리즈 하긴 했지만 아직 남은 일들이 있다. https://github.com/duartealexf/sql-ddl-to-json-schema/issues/80 내가 올리긴 했는데, 정 안 되면, 내가 PR 작성해야 할지도... https://hub.docker.com/r/plantuml/plantuml-server graphviz를 기반으로 하고 있는 PlantUML 설치가 매끄럽지 않을 수도 있어서, docker 기반을 검토해 보고 싶다. https://velog.io/@youngkiu/PlantUML-MacOS-IntelliJ bundler(webpack, esbuild, ...) 좀 더 제대로 배포하려면, 빌드 결과물로 해야 한
PlantUML-MacOS-IntelliJ
https://plantuml.com/ko/graphviz-dot Installation under Mac > You can easily install GraphViz by installing brew on your Mac machine. This could fix issues if you have installed GraphViz as .dmg package. > > By default, the dot executable is expected: > - Firstly in: /usr/local/bin/dot > - Then in: /usr/bin/dot > > You can also specify the environment variable GRAPHVIZ_DOT > to set the exact location of your GraphViz executable. Jetbrains Plugin Install PlantUML Plugin 
Diagram 자동생성 방법 소개
Overview 기존 코드를 바탕으로 클래스 다이어그램을 그려야 할때가 종종 있다. 클래스 다이어그램을 2가지 방법으로 그릴수 있다. Intellij Java Class Diagram 으로 자동으로 그리기 PlantUML 문법을 작성하여 그리기 Intellij Java Class Diagram 는 자바 클래스 파일을 바탕으로 자동으로 다이어그램을 그려준다. 매우 편하지만 기존 코드가 없으면 쓸수 없고, 편집의 자유도가 떨어진다는 단점이 있다. PlantUML 은 문법대로 작성하면 viewer 가 설치된 곳이라면 어디든 잘 표기해준다. 특히 jira 에서도 쓸수가 있어 좋고 클래스다이어그램 외에도 시퀀스, 객체, 상태 등 다양한 다이어그램을 그리는 등 확장성이 매우 좋다. 마지막으로 PlantUML 문장을 자동으로 작성해주는 Intellij plugin 2개를 소개한다. PlantUML Parser Sequence Diagram
.png)
[TIL] VSCode PlantUML(2)
이어서 어제의 TIL에서 PlantUML을 시작했다. 간단한 flowChart그리는 방법을 어제 다뤘는데, 오늘은 PlantUML로 엄청나게 다양한 그림을 그릴 수 있는것을 배워서 간단하게 정리하려고 한다. 상태 다이어그램 시퀀스 다이어그램 .png)
[TIL] VSCode PlantUML
PlantUML? 프로젝트는 문서로 시작해서 문서로 끝나는데,,,작성할 때마다 다른 형식으로 플로우차트를 그리는 문제를 해결하기 위해서 Visual Studio Code에서 PlantUML을 사용했다. 설치 및 사용 VSCode Marketplace에서 간편하게 설치했다. VSCode에서 PlantUML로 하단의 Language Mode를 맞추고 작성을 시작한다. 시작은 @startuml로 종료는 @enduml로 작성하고, 간단한 사용법은
PlantUML Use Case Diagram
Pre-condition System Actor UseCase Relation 프로젝트를 위해 작성할 Diagram 중에서 제일 먼저 Use Case Diagram을 작성해볼 것이다. 위키를 보면 Use Case Diagram에 대한 설명이 아래와 같이 나와있다. From Wiki 유스 케이스 다이어그램(use case diagram)은 사용자, 그리고 사용자가 수반한 다른 유스 케이스 간의 관계를 보여주는 사용자-시스템 간 상호작용의 표현이다. 유스 케이스 다이어그램은 각기 다른 종류의 시스템 사용자와 각기 다른 유스 케이스를 식별할 수 있으며 다른 유형의 다이어그램이 수반되기도 한다. 유스 케이스는 원이나 타원으로 표현된다. Use case diagram의 예시는 다음과 같다. 
Setting IntelliJ PlantUML
Graphviz 설치 IntelliJ에서 드디어 다이어그램으로 그리려고 가장 기본적인 Use Case Diagram 문법을 사용해봤다. 잘 되는 것 같더니... 다른 문법을 적용해서 다이어그램을 그리려 했더니 아래와 같이 에러가 발생한다. 어쩐지 뭔가 수월하다 했다. 이전 포스트에서도 언급했듯이 PlantUML을 사용할 때는 Graphviz 소프트웨어를 사용한다. 그래서 Graphviz를 설치해줘야 한다. 필자는 Mac을 사용하고 있기 때문에 아래와 같이 Graphviz를 설치한다
Introducing PlantUML
Wikipedia PlantUML은 사용자가 플레인 텍스트 언어로부터 UML 다이어그램을 만들 수 있게 하는 오픈 소스 도구이다. PlantUML의 언어는 도메인 특화 언어의 한 예이다. Graphviz 소프트웨어를 사용하여 다이어그램을 배치한다. PlantUML Page 탐구 PlantUML을 그냥 VSCode Extension으로 다운받아 사용해보려고 했는데, Paypal Donate을 보