게시판 작성과 관련 하여, 일반적인 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..