본문 바로가기
IT/HTML

mermaid 테스트용 html

by DOSGamer 2022. 7. 7.
반응형
<html lang="utf-8">
    <head>
        <meta charset="utf-8" />
    </head>
	<body>
		<script src="https://cdn.jsdelivr.net/npm/mermaid@9.1.3/dist/mermaid.min.js"></script>
		<div class="mermaid">
		gantt
			title 나이스앱(aOS) 루팅 단말기 실행차단
			dateFormat  YYYY-MM-DD
			excludes Sunday, Saturday
			
			section 분석
			나이스앱 취약점 개선방법 : done, analysis1, 2022-07-05, 10h
			section 개발
			나이스앱 수정 : active, development1, after analysis1, 1d 20h
			section 테스트
			나이스앱 테스트 : test1, after development1, 10h
			section 적용
			나이스앱 배포   : milestone, after test1, 2022-07-07, 0d

			click analysis1 href "https://skyksit.com/"
		</div>

		<script>
			var config = {
			  startOnLoad:true,
			  securityLevel:'loose',
			};
			mermaid.initialize(config);
		</script>
	</body>
</html>
반응형

'IT > HTML' 카테고리의 다른 글

echarts 를 티스토리에서 사용할 수 있는 지 테스트 합니다  (0) 2022.10.20
Escape Characters 리스트  (0) 2022.07.22
CSS 전처리기 (CSS Preprocessor)  (0) 2022.06.28
CSS Cheatsheet  (0) 2022.06.28
언어코드 (Language Code)  (0) 2022.06.28
국가코드 (Country Code)  (0) 2022.06.28
색상명 (Color Names)  (0) 2022.06.27
SEO(Search Engine Optimization) 요약  (0) 2022.06.27