Index: arms/html/reqReviewDetail/content-container.html
===================================================================
diff -u -r930d8b600f1e2acb22eaaef3e88a81ae0a8f04ab -rf9616555dc6fd93e23f0ed767ab67b8ef066fca1
--- arms/html/reqReviewDetail/content-container.html	(.../content-container.html)	(revision 930d8b600f1e2acb22eaaef3e88a81ae0a8f04ab)
+++ arms/html/reqReviewDetail/content-container.html	(.../content-container.html)	(revision f9616555dc6fd93e23f0ed767ab67b8ef066fca1)
@@ -213,7 +213,7 @@
 					</div>
 				</section>
 			</div>
-			<div id="diff" class="tab-pane"></div>
+			<div id="diff" class="diff-container tab-pane"></div>
 		</div>
 	</section>
 </div>
@@ -254,8 +254,19 @@
 	.panel-default > .panel-heading {
 		background-color: unset;
 	}
-</style>
 
+	.d2h-file-wrapper {
+		min-height: 92px;
+	}
+
+	.d2h-file-side-diff {
+		margin: 0;
+	}
+
+	.d2h-file-name-wrapper > svg {
+		width: 22px;
+	}
+</style>
 <script
 	type="text/javascript"
 	src="js/reqReviewDetail.js"
Index: arms/js/reqReviewDetail.js
===================================================================
diff -u -r930d8b600f1e2acb22eaaef3e88a81ae0a8f04ab -rf9616555dc6fd93e23f0ed767ab67b8ef066fca1
--- arms/js/reqReviewDetail.js	(.../reqReviewDetail.js)	(revision 930d8b600f1e2acb22eaaef3e88a81ae0a8f04ab)
+++ arms/js/reqReviewDetail.js	(.../reqReviewDetail.js)	(revision f9616555dc6fd93e23f0ed767ab67b8ef066fca1)
@@ -5,6 +5,8 @@
 		"sidebar_menu_requirement_review",
 		"requirement-elements-collapse"
 	);
+
+	includeDiff();
 });
 
 const info = {
@@ -73,5 +75,33 @@
 
 	historys.innerHTML = lists;
 }
-
 makeHistory();
+
+function includeDiff() {
+	const diffString = `diff --git a/sample.js b/sample.js
+index 0000001..0ddf2ba
+--- a/sample.js
++++ b/sample.js
+@@ -1 +1 @@
+-console.log("Hello World!")
++console.log("Hello from Diff2Html!")`;
+
+	const targetElement = document.getElementById("diff");
+	const configuration = {
+		drawFileList: true,
+		fileListToggle: false,
+		fileListStartVisible: false,
+		fileContentToggle: false,
+		matching: "lines",
+		outputFormat: "side-by-side",
+		synchronisedScroll: true,
+		highlight: true,
+		renderNothingWhenEmpty: false,
+	};
+	const diff2htmlUi = new Diff2HtmlUI(targetElement, diffString, configuration);
+
+	console.log("###### diff2htmlUi");
+	diff2htmlUi.draw();
+	diff2htmlUi.highlightCode();
+	diff2htmlUi.fileListToggle(false);
+}
Index: arms/js/reviewDetail.json
===================================================================
diff -u -r5a0034039ec1f5754edee26babf1e75624ef2a76 -rf9616555dc6fd93e23f0ed767ab67b8ef066fca1
--- arms/js/reviewDetail.json	(.../reviewDetail.json)	(revision 5a0034039ec1f5754edee26babf1e75624ef2a76)
+++ arms/js/reviewDetail.json	(.../reviewDetail.json)	(revision f9616555dc6fd93e23f0ed767ab67b8ef066fca1)
@@ -1,63 +1,13 @@
-{
-	"requirement": "요구사항 입니다.",
-	"start_dt": 1656115200000,
-	"end_dt": 1667174400000,
-	"status": "review",
-	"history": [
-		{
-			"upd_dt": 1661040000000,
-			"title": "요구사항 리뷰",
-			"status": "review",
-			"reviewer": [
-				{
-					"name": "이름 A",
-					"confirm": "none"
-				},
-				{
-					"name": "이름 B",
-					"confirm": "reject"
-				},
-				{
-					"name": "이름 C",
-					"confirm": "none"
-				},
-				{
-					"name": "이름 D",
-					"confirm": "pass"
-				},
-				{
-					"name": "이름 E",
-					"confirm": "pass"
-				}
-			]
-		},
-		{
-			"upd_dt": 1660953600000,
-			"title": "요구사항 작업",
-			"status": "work",
-			"progress": 100
-		},
-		{
-			"upd_dt": 1659657600000,
-			"title": "요구사항 변경",
-			"status": "modify",
-			"modifier": "변경자 A"
-		},
-		{
-			"upd_dt": 1656633600000,
-			"title": "요구사항 작업",
-			"status": "work",
-			"progress": 100
-		},
-		{
-			"upd_dt": 1656288000000,
-			"title": "요구사항 리뷰",
-			"status": "done"
-		},
-		{
-			"rgt_dt": 1656201600000,
-			"title": "요구사항 등록",
-			"status": "done"
-		}
-	]
-}
+/*
+ Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+*/
+CKEDITOR.plugins.setLang("specialchar","en-au",{euro:"Euro sign",lsquo:"Left single quotation mark",rsquo:"Right single quotation mark",ldquo:"Left double quotation mark",rdquo:"Right double quotation mark",ndash:"En dash",mdash:"Em dash",iexcl:"Inverted exclamation mark",cent:"Cent sign",pound:"Pound sign",curren:"Currency sign",yen:"Yen sign",brvbar:"Broken bar",sect:"Section sign",uml:"Diaeresis",copy:"Copyright sign",ordf:"Feminine ordinal indicator",laquo:"Left-pointing double angle quotation mark",
+not:"Not sign",reg:"Registered sign",macr:"Macron",deg:"Degree sign",sup2:"Superscript two",sup3:"Superscript three",acute:"Acute accent",micro:"Micro sign",para:"Pilcrow sign",middot:"Middle dot",cedil:"Cedilla",sup1:"Superscript one",ordm:"Masculine ordinal indicator",raquo:"Right-pointing double angle quotation mark",frac14:"Vulgar fraction one quarter",frac12:"Vulgar fraction one half",frac34:"Vulgar fraction three quarters",iquest:"Inverted question mark",Agrave:"Latin capital letter A with grave accent",
+Aacute:"Latin capital letter A with acute accent",Acirc:"Latin capital letter A with circumflex",Atilde:"Latin capital letter A with tilde",Auml:"Latin capital letter A with diaeresis",Aring:"Latin capital letter A with ring above",AElig:"Latin capital letter Æ",Ccedil:"Latin capital letter C with cedilla",Egrave:"Latin capital letter E with grave accent",Eacute:"Latin capital letter E with acute accent",Ecirc:"Latin capital letter E with circumflex",Euml:"Latin capital letter E with diaeresis",Igrave:"Latin capital letter I with grave accent",
+Iacute:"Latin capital letter I with acute accent",Icirc:"Latin capital letter I with circumflex",Iuml:"Latin capital letter I with diaeresis",ETH:"Latin capital letter Eth",Ntilde:"Latin capital letter N with tilde",Ograve:"Latin capital letter O with grave accent",Oacute:"Latin capital letter O with acute accent",Ocirc:"Latin capital letter O with circumflex",Otilde:"Latin capital letter O with tilde",Ouml:"Latin capital letter O with diaeresis",times:"Multiplication sign",Oslash:"Latin capital letter O with stroke",
+Ugrave:"Latin capital letter U with grave accent",Uacute:"Latin capital letter U with acute accent",Ucirc:"Latin capital letter U with circumflex",Uuml:"Latin capital letter U with diaeresis",Yacute:"Latin capital letter Y with acute accent",THORN:"Latin capital letter Thorn",szlig:"Latin small letter sharp s",agrave:"Latin small letter a with grave accent",aacute:"Latin small letter a with acute accent",acirc:"Latin small letter a with circumflex",atilde:"Latin small letter a with tilde",auml:"Latin small letter a with diaeresis",
+aring:"Latin small letter a with ring above",aelig:"Latin small letter æ",ccedil:"Latin small letter c with cedilla",egrave:"Latin small letter e with grave accent",eacute:"Latin small letter e with acute accent",ecirc:"Latin small letter e with circumflex",euml:"Latin small letter e with diaeresis",igrave:"Latin small letter i with grave accent",iacute:"Latin small letter i with acute accent",icirc:"Latin small letter i with circumflex",iuml:"Latin small letter i with diaeresis",eth:"Latin small letter eth",
+ntilde:"Latin small letter n with tilde",ograve:"Latin small letter o with grave accent",oacute:"Latin small letter o with acute accent",ocirc:"Latin small letter o with circumflex",otilde:"Latin small letter o with tilde",ouml:"Latin small letter o with diaeresis",divide:"Division sign",oslash:"Latin small letter o with stroke",ugrave:"Latin small letter u with grave accent",uacute:"Latin small letter u with acute accent",ucirc:"Latin small letter u with circumflex",uuml:"Latin small letter u with diaeresis",
+yacute:"Latin small letter y with acute accent",thorn:"Latin small letter thorn",yuml:"Latin small letter y with diaeresis",OElig:"Latin capital ligature OE",oelig:"Latin small ligature oe",372:"Latin capital letter W with circumflex",374:"Latin capital letter Y with circumflex",373:"Latin small letter w with circumflex",375:"Latin small letter y with circumflex",sbquo:"Single low-9 quotation mark",8219:"Single high-reversed-9 quotation mark",bdquo:"Double low-9 quotation mark",hellip:"Horizontal ellipsis",
+trade:"Trade mark sign",9658:"Black right-pointing pointer",bull:"Bullet",rarr:"Rightwards arrow",rArr:"Rightwards double arrow",hArr:"Left right double arrow",diams:"Black diamond suit",asymp:"Almost equal to"});
\ No newline at end of file
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/js/reviewDetailHistory.json'.
FishEye: No comparison available.  Pass `N' to diff?
Index: arms/reqReviewDetail.html
===================================================================
diff -u -r1e90e7235816d1ab00f2b6b16dd4029b931ab8db -rf9616555dc6fd93e23f0ed767ab67b8ef066fca1
--- arms/reqReviewDetail.html	(.../reqReviewDetail.html)	(revision 1e90e7235816d1ab00f2b6b16dd4029b931ab8db)
+++ arms/reqReviewDetail.html	(.../reqReviewDetail.html)	(revision f9616555dc6fd93e23f0ed767ab67b8ef066fca1)
@@ -57,9 +57,9 @@
 		<meta property="og:url" content="http://www.a-rms.net/" />
 		<meta property="og:site_name" content="Atlassian RMS" />
 
-	    <!-- favicon -->
-        <link rel="icon" href="./img/313devgrp.ico" type="image/x-icon"/>
-        <link rel="shortcut icon" href="./img/313devgrp.ico" type="image/x-icon"/>
+		<!-- favicon -->
+		<link rel="icon" href="./img/313devgrp.ico" type="image/x-icon" />
+		<link rel="shortcut icon" href="./img/313devgrp.ico" type="image/x-icon" />
 
 		<link
 			href="../reference/jquery-plugins/normalize.css-8.0.1/normalize.css"
@@ -70,6 +70,17 @@
 			rel="stylesheet"
 		/>
 		<link href="css/override.css" rel="stylesheet" />
+
+		<!-- code diff -->
+		<link
+			rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/github.min.css"
+		/>
+		<link
+			rel="stylesheet"
+			type="text/css"
+			href="https://cdn.jsdelivr.net/npm/diff2html/bundles/css/diff2html.min.css"
+		/>
 		<script>
 			/* yeah we need this empty stylesheet here. It's cool chrome & chromium fix
            chrome fix https://code.google.com/p/chromium/issues/detail?id=167083
@@ -151,7 +162,9 @@
 			</div>
 		</div>
 
-		<div id="topicon" style="opacity: 1;"><img src="./img/topicon.gif" alt="맨위로"></div>
+		<div id="topicon" style="opacity: 1">
+			<img src="./img/topicon.gif" alt="맨위로" />
+		</div>
 
 		<!-- common libraries. required for every page-->
 		<script src="../reference/lightblue4/docs/lib/jquery/dist/jquery.min.js"></script>
@@ -395,6 +408,12 @@
 			charset="utf-8"
 		></script>
 
+		<!-- code diff -->
+		<script
+			type="text/javascript"
+			src="https://cdn.jsdelivr.net/npm/diff2html/bundles/js/diff2html-ui.min.js"
+		></script>
+
 		<!-- page js -->
 		<script type="text/javascript" src="js/common.js" charset="utf-8"></script>
 	</body>