diff --git a/web/src/main/webapp/common/help/help-content-en.js b/web/src/main/webapp/common/help/help-content-en.js
index 2ea0f23bd..ea61ba326 100644
--- a/web/src/main/webapp/common/help/help-content-en.js
+++ b/web/src/main/webapp/common/help/help-content-en.js
@@ -1,6 +1,11 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)Tooltip for english 
+	 * @ko 영문 Tooltip
+	 * @group Config
+	 * @name pinpointApp#helpContent-en
+	 */
 	var oHelp = {
 		navbar : {
 			applicationSelector: {
diff --git a/web/src/main/webapp/common/help/help-content-ko.js b/web/src/main/webapp/common/help/help-content-ko.js
index 315cdebae..b52b89691 100644
--- a/web/src/main/webapp/common/help/help-content-ko.js
+++ b/web/src/main/webapp/common/help/help-content-ko.js
@@ -1,6 +1,11 @@
 (function(){ 
 	'use strict';
-	
+	/**
+	 * (en)한국어 Tooltip 
+	 * @ko 한국어 Tooltip
+	 * @group Config
+	 * @name pinpointApp#helpContent-ko
+	 */
 	var oHelp = {
 		navbar : {
 			applicationSelector: {
diff --git a/web/src/main/webapp/common/help/help-content-template.js b/web/src/main/webapp/common/help/help-content-template.js
index 3e65f2224..d734079cb 100644
--- a/web/src/main/webapp/common/help/help-content-template.js
+++ b/web/src/main/webapp/common/help/help-content-template.js
@@ -1,5 +1,11 @@
 (function(){ 
 	'use strict';
+	/**
+	 * (en) Template code for tooltip 
+	 * @ko Tooltip을 위한 Template code
+	 * @group Config
+	 * @name pinpointApp#helpContentTemplate
+	 */
 	var template = [
 	    '<div class="pinpoint-tooltip" style="{{mainStyle}}">',
 	    	'<dl>',
diff --git a/web/src/main/webapp/features/agentChartGroup/agent-chart-group.directive.js b/web/src/main/webapp/features/agentChartGroup/agent-chart-group.directive.js
index 3d2166c82..b25b8288d 100644
--- a/web/src/main/webapp/features/agentChartGroup/agent-chart-group.directive.js
+++ b/web/src/main/webapp/features/agentChartGroup/agent-chart-group.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)agentChartGroupDirective 
+	 * @ko agentChartGroupDirective
+	 * @group Directive
+	 * @name agentChartGroupDirective
+	 * @class
+	 */	
 	pinpointApp.constant('agentChartGroupConfig', {
 	    POINTS_TIMESTAMP: 0,
 	    POINTS_MIN: 1,
diff --git a/web/src/main/webapp/features/agentInfo/agent-info.directive.js b/web/src/main/webapp/features/agentInfo/agent-info.directive.js
index d322a891f..e94c32d60 100644
--- a/web/src/main/webapp/features/agentInfo/agent-info.directive.js
+++ b/web/src/main/webapp/features/agentInfo/agent-info.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)agentInfoDirective 
+	 * @ko agentInfoDirective
+	 * @group Directive
+	 * @name agentInfoDirective
+	 * @class
+	 */	
 	pinpointApp.constant('agentInfoConfig', {
 	    agentStatUrl: '/getAgentStat.pinpoint'
 	});
diff --git a/web/src/main/webapp/features/agentList/agent-list.directive.js b/web/src/main/webapp/features/agentList/agent-list.directive.js
index e774d670c..16d50095b 100644
--- a/web/src/main/webapp/features/agentList/agent-list.directive.js
+++ b/web/src/main/webapp/features/agentList/agent-list.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)agentListDirective 
+	 * @ko agentListDirective
+	 * @group Directive
+	 * @name agentListDirective
+	 * @class
+	 */	
 	pinpointApp.constant('agentListConfig', {
 	    agentGroupUrl: '/getAgentList.pinpoint'
 	});
diff --git a/web/src/main/webapp/features/cpuLoadChart/cpu-load-chart.directive.js b/web/src/main/webapp/features/cpuLoadChart/cpu-load-chart.directive.js
index b366fddec..8752c9371 100644
--- a/web/src/main/webapp/features/cpuLoadChart/cpu-load-chart.directive.js
+++ b/web/src/main/webapp/features/cpuLoadChart/cpu-load-chart.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)cpuLoadChartDirective 
+	 * @ko cpuLoadChartDirective
+	 * @group Directive
+	 * @name cpuLoadChartDirective
+	 * @class
+	 */	
 	angular.module('pinpointApp').directive('cpuLoadChartDirective', ['$timeout',
         function ($timeout) {
             return {
diff --git a/web/src/main/webapp/features/distributedCallFlow/distributed-call-flow.directive.js b/web/src/main/webapp/features/distributedCallFlow/distributed-call-flow.directive.js
index 76d4de410..4ec16bf9e 100644
--- a/web/src/main/webapp/features/distributedCallFlow/distributed-call-flow.directive.js
+++ b/web/src/main/webapp/features/distributedCallFlow/distributed-call-flow.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)distributedCallFlowDirective 
+	 * @ko distributedCallFlowDirective
+	 * @group Directive
+	 * @name distributedCallFlowDirective
+	 * @class
+	 */	
 	pinpointApp.directive('distributedCallFlowDirective', [ '$filter', '$timeout',
 	    function ($filter, $timeout) {
 	        return {
diff --git a/web/src/main/webapp/features/jvmMemoryChart/jvm-memory-chart.directive.js b/web/src/main/webapp/features/jvmMemoryChart/jvm-memory-chart.directive.js
index 27943b28d..009dc9b87 100644
--- a/web/src/main/webapp/features/jvmMemoryChart/jvm-memory-chart.directive.js
+++ b/web/src/main/webapp/features/jvmMemoryChart/jvm-memory-chart.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)jvmMemoryChartDirective 
+	 * @ko jvmMemoryChartDirective
+	 * @group Directive
+	 * @name jvmMemoryChartDirective
+	 * @class
+	 */	
 	angular.module('pinpointApp').directive('jvmMemoryChartDirective', ['$timeout',
         function ($timeout) {
             return {
diff --git a/web/src/main/webapp/features/linkInfoDetails/link-info-details.directive.js b/web/src/main/webapp/features/linkInfoDetails/link-info-details.directive.js
index 90b76a6ab..b799d9d18 100644
--- a/web/src/main/webapp/features/linkInfoDetails/link-info-details.directive.js
+++ b/web/src/main/webapp/features/linkInfoDetails/link-info-details.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)linkInfoDetailsDirective 
+	 * @ko linkInfoDetailsDirective
+	 * @group Directive
+	 * @name linkInfoDetailsDirective
+	 * @class
+	 */	
 	pinpointApp.constant('linkInfoDetailsDirectiveConfig', {
 	    linkStatisticsUrl: '/linkStatistics.pinpoint',
 	    myColors: ["#2ca02c", "#3c81fa", "#f8c731", "#f69124", "#f53034"],
diff --git a/web/src/main/webapp/features/loadChart/load-chart.directive.js b/web/src/main/webapp/features/loadChart/load-chart.directive.js
index 1fdf48384..e4d0016f2 100644
--- a/web/src/main/webapp/features/loadChart/load-chart.directive.js
+++ b/web/src/main/webapp/features/loadChart/load-chart.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)loadChartDirective 
+	 * @ko loadChartDirective
+	 * @group Directive
+	 * @name loadChartDirective
+	 * @class
+	 */	
 	pinpointApp.constant('loadChartDirectiveConfig', {
 	    myColors: ["#2ca02c", "#3c81fa", "#f8c731", "#f69124", "#f53034"]
 	//    myColors: ["#c9e7a5", "#bbcdf0", "#fce0b5", "#f69124", "#f53034"]
diff --git a/web/src/main/webapp/features/loading/loading.directive.js b/web/src/main/webapp/features/loading/loading.directive.js
index 43dab1247..968105a7a 100644
--- a/web/src/main/webapp/features/loading/loading.directive.js
+++ b/web/src/main/webapp/features/loading/loading.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)loadingDirective 
+	 * @ko loadingDirective
+	 * @group Directive
+	 * @name loadingDirective
+	 * @class
+	 */	
 	pinpointApp.directive('loadingDirective', ['$timeout', '$templateCache', '$compile', function ($timeout, $templateCache, $compile) {
         return {
             restrict: 'A',
diff --git a/web/src/main/webapp/features/navbar/navbar.directive.js b/web/src/main/webapp/features/navbar/navbar.directive.js
index 9d63fbec2..9ebafc7af 100644
--- a/web/src/main/webapp/features/navbar/navbar.directive.js
+++ b/web/src/main/webapp/features/navbar/navbar.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)navbarDirective 
+	 * @ko navbarDirective
+	 * @group Directive
+	 * @name navbarDirective
+	 * @class
+	 */	
 	pinpointApp.constant('cfg', {
 	    applicationUrl: '/applications.pinpoint',
 	    serverTimeUrl: '/serverTime.pinpoint',
diff --git a/web/src/main/webapp/features/nodeInfoDetails/node-info-details.directive.js b/web/src/main/webapp/features/nodeInfoDetails/node-info-details.directive.js
index a5fb4bd9e..587126638 100644
--- a/web/src/main/webapp/features/nodeInfoDetails/node-info-details.directive.js
+++ b/web/src/main/webapp/features/nodeInfoDetails/node-info-details.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)nodeInfoDetailsDirective 
+	 * @ko nodeInfoDetailsDirective
+	 * @group Directive
+	 * @name nodeInfoDetailsDirective
+	 * @class
+	 */	
 	pinpointApp.constant('nodeInfoDetailsDirectiveConfig', {
 	    applicationStatisticsUrl: '/applicationStatistics.pinpoint',
 	    myColors: ["#2ca02c", "#3c81fa", "#f8c731", "#f69124", "#f53034"],
diff --git a/web/src/main/webapp/features/responseTimeChart/response-time-chart.directive.js b/web/src/main/webapp/features/responseTimeChart/response-time-chart.directive.js
index b2872e1ec..77815bb57 100644
--- a/web/src/main/webapp/features/responseTimeChart/response-time-chart.directive.js
+++ b/web/src/main/webapp/features/responseTimeChart/response-time-chart.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)responseTimeChartDirective 
+	 * @ko responseTimeChartDirective
+	 * @group Directive
+	 * @name responseTimeChartDirective
+	 * @class
+	 */	
 	pinpointApp.constant('responseTimeChartDirectiveConfig', {
 	    myColors: ["#2ca02c", "#3c81fa", "#f8c731", "#f69124", "#f53034"]
 	});
diff --git a/web/src/main/webapp/features/scatter/scatter.directive.js b/web/src/main/webapp/features/scatter/scatter.directive.js
index 320ed2c9f..8baced506 100644
--- a/web/src/main/webapp/features/scatter/scatter.directive.js
+++ b/web/src/main/webapp/features/scatter/scatter.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)scatterDirective 
+	 * @ko scatterDirective
+	 * @group Directive
+	 * @name scatterDirective
+	 * @class
+	 */
 	pinpointApp.constant('scatterDirectiveConfig', {
 	    get: {
 	        scatterData: '/getScatterData.pinpoint',
diff --git a/web/src/main/webapp/features/serverList/server-list.directive.js b/web/src/main/webapp/features/serverList/server-list.directive.js
index 6600f8bd0..fa10433d7 100644
--- a/web/src/main/webapp/features/serverList/server-list.directive.js
+++ b/web/src/main/webapp/features/serverList/server-list.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)serverListDirective 
+	 * @ko serverListDirective
+	 * @group Directive
+	 * @name serverListDirective
+	 * @class
+	 */
 	pinpointApp.directive('serverListDirective', [ '$timeout', '$window', '$filter', 'helpContentTemplate', 'helpContentService', function ($timeout, $window, $filter, helpContentTemplate, helpContentService) {
             return {
                 restrict: 'A',
diff --git a/web/src/main/webapp/features/sidebar/filter/filter-information.directive.js b/web/src/main/webapp/features/sidebar/filter/filter-information.directive.js
index bc8ae7599..ff134b0c3 100644
--- a/web/src/main/webapp/features/sidebar/filter/filter-information.directive.js
+++ b/web/src/main/webapp/features/sidebar/filter/filter-information.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)filterInformationDirective 
+	 * @ko filterInformationDirective
+	 * @group Directive
+	 * @name filterInformationDirective
+	 * @class
+	 */
 	pinpointApp.directive('filterInformationDirective', [ '$filter', '$base64',
 	    function ($filter, $base64) {
 	        return {
diff --git a/web/src/main/webapp/features/sidebar/title/sidebar-title.directive.js b/web/src/main/webapp/features/sidebar/title/sidebar-title.directive.js
index 8f193aa0c..1b0cba18c 100644
--- a/web/src/main/webapp/features/sidebar/title/sidebar-title.directive.js
+++ b/web/src/main/webapp/features/sidebar/title/sidebar-title.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)sidebarTitleDirective 
+	 * @ko sidebarTitleDirective
+	 * @group Directive
+	 * @name sidebarTitleDirective
+	 * @class
+	 */
 	pinpointApp.directive('sidebarTitleDirective', [ '$timeout',
 	    function ($timeout) {
 	        return {
diff --git a/web/src/main/webapp/features/timeSlider/time-slider.directive.js b/web/src/main/webapp/features/timeSlider/time-slider.directive.js
index f96459958..c6e3d873b 100644
--- a/web/src/main/webapp/features/timeSlider/time-slider.directive.js
+++ b/web/src/main/webapp/features/timeSlider/time-slider.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)timeSliderDirective 
+	 * @ko timeSliderDirective
+	 * @group Directive
+	 * @name timeSliderDirective
+	 * @class
+	 */
 	pinpointApp.constant('timeSliderDirectiveConfig', {
 	    scaleCount: 10
 	});
diff --git a/web/src/main/webapp/features/timeline/timeline.directive.js b/web/src/main/webapp/features/timeline/timeline.directive.js
index 513d1823e..d8285508d 100644
--- a/web/src/main/webapp/features/timeline/timeline.directive.js
+++ b/web/src/main/webapp/features/timeline/timeline.directive.js
@@ -1,6 +1,12 @@
 (function( $ ) {
 	'use strict';
-
+	/**
+	 * (en)timelineDirective 
+	 * @ko timelineDirective
+	 * @group Directive
+	 * @name timelineDirective
+	 * @class
+	 */
 	pinpointApp.directive('timelineDirective', function () {
 	    return {
 	        restrict: 'EA',
diff --git a/web/src/main/webapp/features/transactionTable/transaction-table.directive.js b/web/src/main/webapp/features/transactionTable/transaction-table.directive.js
index c90aa4e5e..c919e74dc 100644
--- a/web/src/main/webapp/features/transactionTable/transaction-table.directive.js
+++ b/web/src/main/webapp/features/transactionTable/transaction-table.directive.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)transactionTableDirective 
+	 * @ko transactionTableDirective
+	 * @group Directive
+	 * @name transactionTableDirective
+	 * @class
+	 */
 	pinpointApp.directive('transactionTableDirective', ['$window', 'helpContentTemplate', 'helpContentService', function ($window, helpContentTemplate, helpContentService) {
 	    return {
 	        restrict: 'EA',
diff --git a/web/src/main/webapp/pages/filteredMap/filtered-map.controller.js b/web/src/main/webapp/pages/filteredMap/filtered-map.controller.js
index 402b3fc39..e2d9e9899 100644
--- a/web/src/main/webapp/pages/filteredMap/filtered-map.controller.js
+++ b/web/src/main/webapp/pages/filteredMap/filtered-map.controller.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)FilteredMapCtrl 
+	 * @ko FilteredMapCtrl
+	 * @group Controller
+	 * @name FilteredMapCtrl
+	 * @class
+	 */
 	pinpointApp.controller('FilteredMapCtrl', [ 'filterConfig', '$scope', '$routeParams', '$timeout', 'TimeSliderVoService', 'NavbarVoService', '$window', 'SidebarTitleVoService', 'filteredMapUtilService', '$rootElement',
 	    function (cfg, $scope, $routeParams, $timeout, TimeSliderVoService, NavbarVoService, $window, SidebarTitleVoService, filteredMapUtilService, $rootElement) {
 			$at($at.FILTEREDMAP_PAGE);
diff --git a/web/src/main/webapp/pages/inspector/inspector.controller.js b/web/src/main/webapp/pages/inspector/inspector.controller.js
index 8c5575207..f6dec79be 100644
--- a/web/src/main/webapp/pages/inspector/inspector.controller.js
+++ b/web/src/main/webapp/pages/inspector/inspector.controller.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)InspectorCtrl 
+	 * @ko InspectorCtrl
+	 * @group Controller
+	 * @name InspectorCtrl
+	 * @class
+	 */
 	pinpointApp.controller('InspectorCtrl', [ '$scope', '$timeout', '$routeParams', 'locationService', 'NavbarVoService',
 	    function ($scope, $timeout, $routeParams, locationService, NavbarVoService) {
 			$at($at.INSPECTOR_PAGE);
diff --git a/web/src/main/webapp/pages/main/main.controller.js b/web/src/main/webapp/pages/main/main.controller.js
index 88d803db1..179e99827 100644
--- a/web/src/main/webapp/pages/main/main.controller.js
+++ b/web/src/main/webapp/pages/main/main.controller.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)MainCtrl 
+	 * @ko MainCtrl
+	 * @group Controller
+	 * @name MainCtrl
+	 * @class
+	 */
 	pinpointApp.controller('MainCtrl', [ 'filterConfig', '$scope', '$timeout', '$routeParams', 'locationService', 'NavbarVoService', '$window', 'SidebarTitleVoService', 'filteredMapUtilService', '$rootElement',
 	    function (cfg, $scope, $timeout, $routeParams, locationService, NavbarVoService, $window, SidebarTitleVoService, filteredMapUtilService, $rootElement) {
 			$at($at.MAIN_PAGE);
diff --git a/web/src/main/webapp/pages/scatterFullScreenMode/scatter-full-screen-mode.controller.js b/web/src/main/webapp/pages/scatterFullScreenMode/scatter-full-screen-mode.controller.js
index ad5c022e3..ed0c9f3b5 100644
--- a/web/src/main/webapp/pages/scatterFullScreenMode/scatter-full-screen-mode.controller.js
+++ b/web/src/main/webapp/pages/scatterFullScreenMode/scatter-full-screen-mode.controller.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)ScatterFullScreenModeCtrl 
+	 * @ko ScatterFullScreenModeCtrl
+	 * @group Controller
+	 * @name ScatterFullScreenModeCtrl
+	 * @class
+	 */
 	pinpointApp.controller('ScatterFullScreenModeCtrl', [ '$scope', '$rootScope', '$routeParams', '$timeout', 'NavbarVoService',
 	    function ($scope, $rootScope, $routeParams, $timeout, NavbarVoService) {
 			$at($at.SCATTER_FULL_SCREEN_PAGE);
diff --git a/web/src/main/webapp/pages/transactionDetail/transaction-detail.controller.js b/web/src/main/webapp/pages/transactionDetail/transaction-detail.controller.js
index 33be5f038..7e36f4ad6 100644
--- a/web/src/main/webapp/pages/transactionDetail/transaction-detail.controller.js
+++ b/web/src/main/webapp/pages/transactionDetail/transaction-detail.controller.js
@@ -1,5 +1,12 @@
 (function() {
 	'use strict';
+	/**
+	 * (en)TransactionDetailCtrl 
+	 * @ko TransactionDetailCtrl
+	 * @group Controller
+	 * @name TransactionDetailCtrl
+	 * @class
+	 */
 	pinpointApp.constant('TransactionDetailConfig', {
 	    applicationUrl: '/transactionInfo.pinpoint'
 	});
diff --git a/web/src/main/webapp/pages/transactionList/transaction-list.controller.js b/web/src/main/webapp/pages/transactionList/transaction-list.controller.js
index b7032e50f..0847632e9 100644
--- a/web/src/main/webapp/pages/transactionList/transaction-list.controller.js
+++ b/web/src/main/webapp/pages/transactionList/transaction-list.controller.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)TransactionListCtrl 
+	 * @ko TransactionListCtrl
+	 * @group Controller
+	 * @name TransactionListCtrl
+	 * @class
+	 */
 	pinpointApp.constant('TransactionListConfig', {
 	    applicationUrl: '/transactionmetadata.pinpoint',
 	    MAX_FETCH_BLOCK_SIZE: 100,
diff --git a/web/src/main/webapp/pages/transactionView/transaction-view.controller.js b/web/src/main/webapp/pages/transactionView/transaction-view.controller.js
index 0cd7191e9..17bf2421c 100644
--- a/web/src/main/webapp/pages/transactionView/transaction-view.controller.js
+++ b/web/src/main/webapp/pages/transactionView/transaction-view.controller.js
@@ -1,6 +1,12 @@
 (function() {
 	'use strict';
-	
+	/**
+	 * (en)TransactionViewCtrl 
+	 * @ko TransactionViewCtrl
+	 * @group Controller
+	 * @name TransactionViewCtrl
+	 * @class
+	 */
 	pinpointApp.constant('TransactionViewConfig', {
 	    applicationUrl: '/transactionInfo.pinpoint'
 	});