달비의 개발 연구

다양하게 자주쓰인 JavaScript 공통 유틸리티 함수를 정리하였습니다. (지속적으로 업데이트 합니다 !!) Form to Json$.fn.serializeObject = function(){ var obj = {}; var a = this.serializeArray(); $.each(a, function() { if (obj[this.name]) { if (!obj[this.name].push) { obj[this.name] = [obj[this.name]]; } obj[this.name].push(this.value || ''); } else { obj[this.name] = thi..

React Router 설정과 API Server Json 통신하는 방법(Router, Promise, Axios, Node.js, Ajax, React 페이지 이동, Spring, Spring Boot)이번에는 React 웹사이트의 Router 설정과 axios를 활용하여 API server에 JSON data 통신하는 방법에 대해 포스팅 해보도록 하겠습니다.  먼저 필자의 Router 버전은 6v 입니다.※참고사항으로 v6 이하의 버전인 경우 해당 코드 및 커맨드의 쓰임이 다를 수 있다는 점 말씀드립니다. Router 설치 방법npm install react-router-domORnpm install react-router-dom localforage match-sorter sort-bylocalfo..

Spring Boot, JSP 게시판 만들기Spring Boot와 Gradle 및 JSP의 조합으로 간단한 게시판을 만들어 보겠습니다. 1. gradle 설정plugins { id 'java' id 'war' id 'org.springframework.boot' version '3.1.10' id 'io.spring.dependency-management' version '1.1.4'}group = 'com.spring'version = '0.0.1-SNAPSHOT'java { sourceCompatibility = '17'}configurations { compileOnly { extendsFrom annotationProcessor }}repositories { mavenCentral()}depen..

JavaScript (Jquery) Json, JsonList, File 한 번에 처리하는 방법업무 중 하나의 URL에서 Json, JsonList, file 데이터를 한번의 비동기 통신으로 처리해야 하는 경우가 있었습니다.모든 데이터를 form으로 한 번에 묶어 처리 하였습니다.let formData = new FormData();let brandList = new Array();// ex JsonList$("input[name*='userBrandName']").each(function(){ let brandName; if($(this).data('type') == "brand"){ brandList.push({ userBrandName : $(this).v..