### VM options 추가 ```text [이클립스] 설정을 안하면 Could not resolve placeholder 'spring.profiles.active' in value "classpath:logback-${spring.profiles.active}.xml" 오류 발생 프로젝트 우클릭 > Run As > Run Configurations > Arguments 탭 > VM arguments에 -Dspring.profiles.active=local -Dfile.encoding=UTF8 추가 [인텔리제이] 1) 톰캣 vm 설정 서버설정 > VM options에 -Dspring.profiles.active=local -Dfile.encoding=UTF8 추가 2) 전역 vm 설정 Actions열기 > Edit Custom VM Options... 선택 > -Dfile.encoding=UTF8 추가 ``` ### Slf4j 사용시 log cannot be resolved 에러 처리 ```text [이클립스 설정] 1. 이클립스의 Maven Dependencies 에서 lombok-1.18.8.jar 파일을 찾는다. 2. lombok-1.18.8.jar 파일을 우클릭 -> run as -> java application -> 프로세스 진행 3. lombok jar 파일이 실행되며 install 창이 표시된다. 4. specify location -> 이클립스 위치의 eclipse.ini 를 선택 -> install/update 진행 5. install 이 정상적으로 실행 된다. 6. 이클립스로 돌아와 프로젝트를 clean -> restart 한다. 7. log 관련 에러가 사라진다. * 에러가 사라지지 않을 경우 이클립스를 재실행한다. ``` ### 메이븐 설정 ```text 1) settings.xml 파일 경로 설정 [이클립스] window > preferences > maven > User Settings Global Settings, User Settings : settings.xml 파일 경로 입력 [인텔리제이] file > settings > Build, Excecution, Deployment > Build Tools > Maven User settings file : settings.xml 파일 경로 입력 2) settings.xml 파일 교체 로컬의 settins.xml을 프로젝트폴더/doc/conf/settings.xml 파일로 교체 ``` ### commit message template ```text --- COMMIT MESSAGE --- 타입: 제목 - 50 자 이내로 요약 본문 - 한 줄에 최대 72 글자까지만 입력 / 여러줄 입력시 '-' 로 구분 꼬릿말은 아래에 작성: ex) #123 / closed: #123 closed, fixed, resolved 예약어와 이슈번호를 함께 사용시 해당 이슈 자동 종료 --- COMMIT MESSAGE END --- <타입> 리스트 feat : 기능(새로운 기능) fix : 버그 수정 chore : 기타 변경 사항(빌드 혹은 패키지 매지저 등) style : 비즈니스 로직에 영향을 주지 않는 변경 사항(코드 형식 등) refactor : 리팩토링 test : 테스트(테스트 코드: 비즈니스 로직 변경 없음) docs : 문서 build : 빌드 관련 파일 수정 ci : CI 관련 설정 ----------------------- 제목 첫 글자를 대문자로 제목은 명령문으로 제목 끝에 마침표(.) 금지 제목과 본문을 한 줄 띄워 분리하기 본문은 "어떻게" 보다 "무엇을", "왜"를 설명한다. 본문에 여러줄의 메시지를 작성할 땐 "-"로 구분 ----------------------- 작성 예 -------------------------------------- feat: 관심지역 알림 ON/OFF 기능 추가 - 시군구의 알림을 각각 ON/OFF 할 수 있도록 기능을 추가함 - opnion0055: 구분 코드 이슈트래커 #123 - fix 타입 메세지등은 closed #123 등 --------------------------------------- 1) 위 내용을 'gitmessage.txt'로 저장 2) git config --global commit.template {path}/gitmessage.txt 3) git config --list 명령으로 commit.template={path}/gitmessage.txt 확인 ``` #### github ```text http://xit.xit-git.com:3000/xit-java/fims.git ``` ### 테스트 서버 기동 방법 ```text 1) git레포지터리 main 브랜치 반영시 젠킨스 자동 실행 2) 젠킨스 직접 실행(1단계 실패시) 젠킨스 관리자 페이지 로그인 -> DEV-FIMS 빌드 3) 톰캣 직접 기동(2단계 실패시) 원격접속 -> 톰캣 디렉토리(/application/FIMS) 이동 -> ./stop.sh, ./deploy.sh, ./start.sh 순서로 실행 ``` #### IDE plugin ```text [인텔리제이] 1) CamelCase kebab-case, SNAKE_CASE, PascalCase, camelCase, snake_case 또는 space case 간에 쉽게 전환 (Shift + Alt + U) 2) Git Commit Template 템플릿을 이용해 commit 내역을 관리 3) MyBatisX mapper에서 xml을 편하게 이동 ``` #### 브라우저 plugin ```text 1) 폰트 확인 WhatFont : 웹페이지 내 폰트 종류 확인 가능 2) 색상 확인 ColorZilla : 웹페이지 내 색상코드 확인 가능 ``` #### 유틸 프로그램 ```text 1) 색상 확인 picpick : 화면캡처프로그램. 스포이드 툴로 색상코드 확인 가능 2) git 클라이언트 프로그램 소스트리 : 수정한 소스 중에서 줄 단위 커밋 가능 ``` ## 팝업 공통처리 : 등록 / 변경 / 삭제 팝업 ```html 1) 변수 정의 2) title include
<%@include file="/WEB-INF/jsp/framework/layouts/title-biz-popup.jsp"%>
등록 변경 삭제 닫기
<%@include file="/WEB-INF/jsp/framework/layouts/btns-biz-popup.jsp"%> ``` ### columns style ```js { header: '롤 명', name: 'roleNm', width: 150, sortingType: 'desc', sortable: true, filter: 'select', renderer: { styles: { //fontWeight: 'bold', background: (props) => props.value === 'Y' ? 'cyan' : 'red' }, attributes: { 'data-type': 'default', title: (props) => `title: ${props.formattedValue}` }, classNames: ['blue'] } } ``` ## 참조 - 필수 [git 사용법 강좌](https://www.youtube.com/watch?v=1I3hMwQU6GU&t=4031s) [css flex / grid 강좌1](https://www.youtube.com/watch?v=7neASrWEFEM) [css flex / grid 강좌2](https://www.youtube.com/watch?v=eprXmC_j9A4) [css flex / grid 강좌3](https://www.youtube.com/watch?v=DxwBN7vdr-A&list=PLFeNz2ojQZjso4ZJVeeMWR72l8s9V8Ym9) ## JSP에서 el태그(${}) 대신 JSTL 사용해야 하는 이유 ```text jsp에서 다양한 방식으로 서버사이드 데이터를 출력할 수 있다. 그 중 가장 많이 쓰는건 el태그인데 그 이유는 el태그 사용법이 ${}로 매우 간단하기때문이다. el태그만 써도 화면에 값이 잘 출력되는데 왜 굳이 를 사용할까? ``` #### 결론: XSS 방어하기 위해! ```text 를 사용하면 escapeXml속성을 활용할 수 있다. escapeXml를 true로 설정함으로써 가장 간단하게 XSS(링크)를 방어할 수 있다. ``` ```js // 1.escapeXml = true 인 경우(디폴트) // 2.escapeXml = false 인 경우 == el태그와 동일 ``` 1. escapeXml = true의 경우, text 그대로 출력된다. 2. escapeXml = false 인 경우나 el태그인 경우, alert창이 실행된다. 따라서 XSS 방어하기 위해서는 을 사용하는 게 좋다. # 팝업호출시 blockUI 적용 ```js // 팝업호출하는 화면단 : ~Form.jsp // tiles biz jsp단에서 var popup 선언되어 있음 $.blockUI({message: '' ,css: {width: '100%', height: '100%'} //모달창 외부 클릭시 닫기 ,onOverlayClick: () => { $.unblockUI(); popup?.self?.close(); } }); popup = CmmPopup.open(url, params, popOption, popTitle); // 팝업창 // event에 아래 코드 추가 // tiles biz jsp단에서 var unblockUI = () => $.unblockUI() 선언되어 있음 $(window).on("unload", function (e) { window.opener?.unblockUI(); window.opener?.callbackSearch(); return null; }); $("#btnClose").on('click', () => { window.close() }); ``` ## JSON Object ModelAndView에서 처리 ```js // ModelAndView return gridInfo={"next":null,"perPage":15,"page":1,"totalCount":15,"curRowData":{"regltSeCode":"01","extrlRegltCntcId":"000000001051"},"curRowPos":1,"curGridDataPos":0,"curGridDatas":[{"regltSeCode":"01","extrlRegltCntcId":"000000001051"},{"regltSeCode":"01","extrlRegltCntcId":"000000001052"},{"regltSeCode":"01","extrlRegltCntcId":"000000001065"}]} // jstl사용시 보안상의 이유로 " 문자를 " 치환 // 아래와 같이 처리 let gridInfo = ''; // string으로 gridInfo = gridInfo.replace(/"/g, '"'); gridInfo = JSON.parse(gridInfo); // escapeXml = "false" 사용 - xss 보안상 문제 발생 let gridInfo = ; //객체이므로 "" 미사용 let gridInfo = ${gridInfo}; ``` ## JSP include ```js 1. 정적인 방식(static=directive) - 동적인 방식보다 빠르다. - 파라미터를 주고 받을 수 없다. - 변수 공유 - 해당 jsp페이지가 컴파일될 때, 참조하는 파일(include)도 함께 컴파일 된다. => 두 파일의 코드가 합쳐진 상태로 컴파일 된다. <%@ include file="파일경로/파일명"%> 2. 동적인 방식(dynamic) - 정적인 방식보다 느리다. - 파라미터(데이터)를 주고 받을 수 있다. - 페이지가 request 될 때 , 포함할 jsp 페이지를 다시 request를 하는 과정을 가진다. 2-1. 액션태그 사용 - 태그로 데이터 전송 가능 전달받은 쪽 - 전달받은 값 : <%= request.getParameter("myKey") %> 액션 태그로 포함하는 페이지에서만 유효. 2-2. 코어태그(JSTL) 사용 - 태그로 데이터 전송 가능 ``` ## Mybatis select key 여러개 ```xml SELECT LPAD(NEXTVAL(seq_ec_extrl_reglt_cntc), 12, '0') AS extrlRegltCntcId , LPAD(NEXTVAL(seq_rt_reglt), 16, '0') AS regltId ``` ## 상속 구조의 lombok builder 사용 -> @SuperBuilder 사용해야 한다 ```java @Data @NoArgsConstructor @AllArgsConstructor // 반드시 필요 @SuperBuilder public static class Parents { private String regltId; private String vhcleNo; } @Data @EqualsAndHashCode(callSuper = true) @NoArgsConstructor @AllArgsConstructor @SuperBuilder public static class Child extends Parents { private String regltId; private String vhcleNo; } ``` ### 외부연계 참조 : 서버로그 경로 - /data/fims/logs Rest API-dev: Rest API-prod: 배치: sneat documentation :