프로젝트 내 자바스크립트 클래스 객체에 각 클래스에 대한 설명을 console로 표시하는 help메소드 추가

src/main/webapp/WEB-INF/jsp/index.jsp

@@ -167,6 +167,9 @@
 		let fastSearch = false;
 
     	var pageObject = {};
+    	pageObject.help = function(){
+			console.log("pageObject : 로드된 페이지이름(서버에서 반환하는 pageName변수 또는 jsp파일명)을 하위 키로 갖는 전역객체");
+		};
     	pageObject.childReq = [];
     	pageObject.parentRes = [];
     	pageObject.top = newDoctxFinder("top");

src/main/webapp/resources/js/base/fimsFormFields.js

@@ -2,7 +2,15 @@
 * FimsFormFields
 **************************************************************************/
 class FimsFormFields extends FormFields {
-
+	
+	help(){
+		FimsFormFields.help();
+	}
+	
+	static help(){
+		console.log("FormFields클래스를 상속받은 FIMS프로젝트 내에서 사용하는 FormFields클래스");
+	}
+	
     /**
      * form 에 json data set
      * element tag에 data-fmt-type 으로 데이타 format이 지정된 경우 해당 포맷으로 출력

src/main/webapp/resources/js/fims/cmmn/customElements.js

@@ -24,6 +24,15 @@ class PagingInfoSpan extends HTMLSpanElement {
 		super();	
 	}
 	
+	help(){
+		PagingInfoSpan.help();
+	}
+	static help(){
+		console.log("클래스명 = PagingInfoSpan");
+		console.log("is속성 = paging-info");
+		console.log("PagingInfoSpan 페이징 정보를 표시하는 SPAN태그이다.");
+	}
+	
 	connectedCallback(){
 		if(this.isConnected){
 			let nm = this.getAttribute("name");
@@ -52,6 +61,15 @@ class NameLabel extends HTMLLabelElement {
 		super();
 	}
 	
+	help(){
+		NameLabel.help();
+	}
+	static help(){
+		console.log("클래스명 = NameLabel");
+		console.log("is속성 = name-label");
+		console.log("id가 아닌 name으로 참조하는 LABEL태그이다.");
+	}
+		
 	connectedCallback(){
 		if(this.isConnected){
 			
@@ -79,6 +97,15 @@ class IdSelect extends HTMLSelectElement {
 		super();
 	}
 	
+	help(){
+		IdSelect.help();
+	}
+	static help(){
+		console.log("클래스명 = IdSelect");
+		console.log("is속성 = id-select");
+		console.log("name과 doctx로 자신의 id를 생성하는 SELECT태그이다.");
+	}
+		
 	connectedCallback(){
 		if(this.isConnected){
 			let doctx = this.getAttribute("data-ref-doctx");
@@ -103,6 +130,15 @@ class IdTextArea extends HTMLTextAreaElement {
 		super();
 	}
 	
+	help(){
+		IdTextArea.help();
+	}
+	static help(){
+		console.log("클래스명 = IdTextArea");
+		console.log("is속성 = id-textArea");
+		console.log("name과 doctx로 자신의 id를 생성하는 TEXTAREA태그이다.");
+	}
+		
 	connectedCallback(){
 		if(this.isConnected){
 			let doctx = this.getAttribute("data-ref-doctx");
@@ -127,6 +163,15 @@ class IdInput extends HTMLInputElement {
 		super();
 	}
 	
+	help(){
+		IdInput.help();
+	}
+	static help(){
+		console.log("클래스명 = IdInput");
+		console.log("is속성 = id-input");
+		console.log("name과 doctx로 자신의 id를 생성하는 INPUT태그이다.");
+	}
+	
 	connectedCallback(){
 		if(this.isConnected){
 			let doctx = this.getAttribute("data-ref-doctx");
@@ -154,6 +199,16 @@ class IdDataList extends HTMLDataListElement {
 		super();
 	}
 	
+	help(){
+		IdDataList.help();
+	}
+	static help(){
+		console.log("클래스명 = IdDataList");
+		console.log("is속성 = id-datalist");
+		console.log("name과 doctx로 자신의 id를 생성하는 DATALIST태그이다.");
+	}
+
+	
 	connectedCallback(){
 		if(this.isConnected){
 			let doctx = this.getAttribute("data-ref-doctx");
@@ -233,5 +288,14 @@ class CurlyBrackets extends HTMLTemplateElement {
 			}
 		});
 	}
+	
+	help(){
+		CurlyBrackets.help();
+	}
+	static help(){
+		console.log("클래스명 = CurlyBrackets");
+		console.log("is속성 = curly-brackets");
+		console.log("그리드 렌더링시 중괄호가 빠진 부분을 자동으로 추가하는 TEMPLATE태그이다.");
+	}
 }
 customElements.define("curly-brackets", CurlyBrackets, { extends: "template" });

src/main/webapp/resources/js/fims/cmmn/fims-cmmnUtil.js

@@ -11,6 +11,25 @@ class DoctxFinder extends EventTarget {
 		super();
 		this.doctx = doctx;
 	}
+	
+	help(){
+		console.log("현재 doctx = "+this.doctx);
+		DoctxFinder.help();
+	}
+	static help(){
+		console.log("클래스명 = DoctxFinder");
+		console.log("DoctxFinder클래스 : HTML문서 내에서 data-doctx속성을 갖는 요소의 내부에서 name속성 값으로 하위요소를 찾을 수 있는 기능을 제공하는 객체이다.");
+		console.log("newDoctxFinder(doctx명);전역함수로 인스턴스 생성할 수 있다.");
+		console.log("클래스 메서드 목록");
+		console.log("selector(요소이름) : 문자열 [data-doctx='설정된doctx'] [name='요소이름'] 을 반환한다.");
+		console.log("selfElement() : data-doctx속성이 설정된doctx인 HTML요소를 반환한다.");
+		console.log("selfDlgId() : data-doctx속성이 설정된doctx인 HTML요소를 갖는 모달창의 id를 반환한다.");
+		console.log("refDlgId(모달창이름) : data-ref-doctx속성이 설정된doctx이고 name속성이 모달창이름인 모달창의 id를 반환한다.");
+		console.log("$find(요소이름) : data-doctx속성이 설정된doctx인 요소 내에서 name속성이 요소이름인 제이쿼리 객체를 반환한다.");
+		console.log("find(요소이름) : data-doctx속성이 설정된doctx인 요소 내에서 name속성이 요소이름인 HTML요소를 반환한다.");
+		console.log("findAll(요소이름) : data-doctx속성이 설정된doctx인 요소 내에서 name속성이 요소이름인 HTML요소목록을 반환한다.");
+	}
+	
 	selector(name){
 		return "[data-doctx='"+this.doctx+"'] [name='"+name+"']";
 	}