새로 기획하는 팀 프로젝트를 진행하기 위하여, 외부에서 접근할 수 있는 DB를 구축하고자 하였다. 이전 프로젝트에서 단순히 동일한 SQL문을 실행하여 같은 로컬 DB 환경을 구성하는데 한계를 느꼈었기 때문이다. [외부 공유 데이터베이스 생성하기] (1) Sql Developer에서 새접속 버튼을 클릭한다 (2) Cmd (명령프롬포트) 실행 > ipconfig 실행 후, IPv4 주소를 복사한다. (3) Name - 본인이 식별할 계정이름, 사용자 이름 - 생성 계정명 호스트 이름 - 서버 DB로 사용할 컴퓨터의 IPv4 주소를 입력한다. (4) 모든 정보를 입력 한 후, 테스트를 클릭하여 상태가 '성공'이 뜨면 성공적으로 공유 DB 생성에 성공한 것이다. [ 외부 공유 데이터베이스 접속하기] Sql De..

이번 게시물의 주요과제는 어떤 VO가 Backend단에서 정상적으로 데이터를 전송 받을수 있는지 였다. 나의 경우 처음에는 일반 value로 VO로 받기 위해 생성하였다가 오류가 발생하였다. 첨부파일도 전송되고, 테이블에도 정상적으로 insert되었지만 최종적으로는 에러로그가 나타났던것이다. 그 해결 방법은 다음과 같다. @Data public class TestVO implements Serializable{ private String title; private String contents; /* 프론트 단에서 JSON.Stringyfy(obj)형태로 전송했으므로, VO도 String 형태가 된다. 이후에 다시 Serivce단에서 ObjectMapper를 이용하여 객체화 시켜줘야함 */ private ..

프로젝트에서 lombok을 재설치 하는 과정에서 apache.tomcat를 다시 추가하고, server.xml파일에서 path를 재설정하고 다시 jsp화면을 띄우려고 하니까 다음과 에러가 발생했다. [에러 로그] org.apache.jasper.jasperexception jsp를 위한 클래스를 컴파일할 수 없습니다 [해결방법] web.xml파일에서 jsp을 검색한 후, mappedfile false 로 설정하면 문제가 해결된다.

게시판 작성과 관련 하여, 일반적인 value, 동적인 key와 value를 가진 obj, 파일 첨부를 프론트에서 백으로 넘기기 위해 찾았던 방법이다 파일 첨부 전송을 위해서는 다음과 같이 기본적으로 form 태그에 enctype="multipart/form-data" 속성을 추가해야함을 잊지말자. (1) 기본 설정 (2)관련 함수 function saveData(){ let obj= {}; var column= ["key1","key2","key3"]; var data = ["test1","test2","test3"]; var getForm = $("#전체Form의 id명")[0]; var sendForm = new sendForm(getForm); sendForm.append("title", $("#..

처음 게시판 형식의 프론트 단을 구현하다보면 가장 오랫동안 고민하는 부분이 바로 파일첨부 기능이 아닌가 싶다. 일반적으로는 한개의 파일 첨부 버튼으로 다중 파일 첨부를 많이 하고, 이를 구현하기 위해 찾았던 방법이다. 실제 현업에서 구현한 코드는 좀 더 복잡했으나, 간결하게 만든 기본 원리는 다음과 같다. --- 코드 var filesArray1 = new Array(); var fileNum1 = 0; var fileCount1 = 0; var totalCount1 = 5; var fileList1= ""; function fileUpload1(e){ var files1 = e.files; var thisFile1 = e var fileArr1 = Array.prototype.slice.call(fil..

요일별 통계쿼리 데이터를 무한정적 동적으로 셋팅하거나, id값이 계속해서 달라지는 신청서 form의 값을 프론트=> 백으로 전송하기 위해 찾았던 방법이다. let obj = {}; var column= ["key1","key2","key3"]; var data = ["test1","test2","test3"]; 첫번째로 시도했던 방법은 for(var i =0 ; i< column.length; i++){ obj.column[i] = data[i]; } 그러나 Cannot set properties of undefined(setting '0') 오류가 나오면서, 객체의 값을 동적으로 가져오는데 실패. 두번째로 시도했던 방법은 for(var i = 0; i< column.length; i++){ obj.co..