새로운 마크다운 느낌

작성자 우성짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물
작성일 2020.08.29 17:16

조회 7,927
목록 답변

### 4. 효율적으로 그리기[순서도](https://github.com/knsv/mermaid#flowchart)

```mermaid
graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;
```

### 5. 효율적으로 그리기 [시퀀스 다이어그램](https://github.com/knsv/mermaid#sequence-diagram)

```mermaid
sequenceDiagram
  participant Alice
  participant Bob
  Alice->John: Hello John, how are you?
  loop Healthcheck
      John->John: Fight against hypochondria
  end
  Note right of John: Rational thoughts <br/>prevail...
  John-->Alice: Great!
  John->Bob: How about you?
  Bob-->John: Jolly good!
```

### 6. 효율적인 그리기 [간트 다이어그램](https://github.com/knsv/mermaid#gantt-diagram)

> 간트 차트는 내면이 단순합니다. 기본적으로 선 그래프, 가로 축은 시간, 세로 축은 활동 (프로젝트)을, 선은 전체 기간 동안 계획된 활동과 실제 활동의 완료를 나타냅니다. 작업이 수행되도록 예약 된시기와 계획된 요구 사항과 비교 한 실제 진행 상황을 직관적으로 나타냅니다.

```mermaid
gantt
  title 프로젝트 개발 프로세스
  section 프로젝트 결정
    수요분석       :a1, 2019-06-22, 3d
    타당성검사     :after a1, 5d
    개념증명       : 5d
  section 프로젝트 구현
    개요 디자인      :2019-07-05  , 5d
    상세 디자인      :2019-07-08, 10d
    코드          :2019-07-15, 10d
    테스트          :2019-07-22, 5d
  section 릴리즈 수락
    해제: 2d
    수락: 3d
```

### 7. 차트 지원

```echarts
{
  "backgroundColor": "#212121",
  "title": {
    "text": "「우성짱의 NAS」방문기록",
    "subtext": "2020 년 8 월분",
    "x": "center",
    "textStyle": {
      "color": "#f2f2f2"
    }
  },
  "tooltip": {
    "trigger": "item",
    "formatter": "{a} <br/>{b} : {c} ({d}%)"
  },
  "legend": {
    "orient": "vertical",
    "left": "left",
    "data": [
      "검색엔진",
      "직접링크",
      "추천링크",
      "기타",
      "소셜플랫폼"
    ],
    "textStyle": {
      "color": "#f2f2f2"
    }
  },
  "series": [
    {
      "name": "접근 소스",
      "type": "pie",
      "radius": "55%",
      "center": [
        "50%",
        "60%"
      ],
      "data": [
        {
          "value": 10440,
          "name": "검색엔진",
          "itemStyle": {
            "color": "#ef4136"
          }
        },
        {
          "value": 4770,
          "name": "직접링크"
        },
        {
          "value": 2430,
          "name": "추천링크"
        },
        {
          "value": 342,
          "name": "기타"
        },
        {
          "value": 18,
          "name": "소셜플랫폼"
        }
      ],
      "itemStyle": {
        "emphasis": {
          "shadowBlur": 10,
          "shadowOffsetX": 0,
          "shadowColor": "rgba(0, 0, 0, 0.5)"
        }
      }
    }
  ]
}
```