전체 글 233

axios post 파라미터 전달 방법

axios.post() 메서드는 Axios 라이브러리를 사용하여 HTTP POST 요청을 보낼 때 사용되는 메서드입니다. axios.post(url[, data[, config]]) url: 요청을 보낼 URL 주소입니다. data (옵션): 요청의 본문에 담을 데이터입니다. 일반적으로 객체 형태로 전달됩니다. 이 매개변수는 GET 요청에서는 사용되지 않습니다. config (옵션): 요청에 대한 추가적인 설정을 담은 객체입니다. 헤더, 인증, 요청 타임아웃 등을 설정할 수 있습니다. data와 config 매개변수는 모두 선택적이므로 필요에 따라 생략할 수 있습니다. 1. params 전송 URL 매개변수로 데이터를 전달하는 방식입니다. params 속성을 사용하여 전달할 데이터를 객체 형태로 지정합니..

blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

jQuery fileDownload로 구현된 파일다운로드 기능을 jQuery를 쓰지않고 axios를 사용도록 바꾸는 과정에서 에러가 발생했다. 1. 에러난 코드 controller (JAVA) @ResponseBody @RequestMapping(value = "/downloadExcel/", method = RequestMethod.POST) public void exportComponentFile(HttpServletResponse response, @RequestParam(value = "excelData") String excelData) { //response.setHeader("Access-Control-Allow-Origin", "*"); try { excelData = URLDecoder...

error 2023.05.25

auiGrid 설치 및 기본 사용

https://www.auisoft.net/demo/auigrid/index.html HTML5 자바스크립트 그리드 AUIGrid HTML5 자바스크립트 그리드(javascript grid) - AUIGrid www.auisoft.net 설치 1. 위의 링크에서 Free 버전 다운로드 버튼 클릭 2. grid를 선택하고 나머지 정보 입력 회사명, 이름, 이메일이 중요하지는 않습니다. 다 작성하고 확인을 누르면 파일이 다운로드 됩니다. 3. 필요한 파일만 프로젝트의 webapp > resources 밑(또는 라이브러리 파일을 관리하는 하위 폴더)에 넣어줍니다. AUIGrid : 기본 gird 생성 js파일, 이미지, css 파일 export_server_samples : PDF & Excel Downloa..

gridLib/auiGrid 2023.05.15

유기농 배추 (백준 1012)

문제 차세대 영농인 한나는 강원도 고랭지에서 유기농 배추를 재배하기로 하였다. 농약을 쓰지 않고 배추를 재배하려면 배추를 해충으로부터 보호하는 것이 중요하기 때문에, 한나는 해충 방지에 효과적인 배추흰지렁이를 구입하기로 결심한다. 이 지렁이는 배추근처에 서식하며 해충을 잡아 먹음으로써 배추를 보호한다. 특히, 어떤 배추에 배추흰지렁이가 한 마리라도 살고 있으면 이 지렁이는 인접한 다른 배추로 이동할 수 있어, 그 배추들 역시 해충으로부터 보호받을 수 있다. 한 배추의 상하좌우 네 방향에 다른 배추가 위치한 경우에 서로 인접해있는 것이다. 한나가 배추를 재배하는 땅은 고르지 못해서 배추를 군데군데 심어 놓았다. 배추들이 모여있는 곳에는 배추흰지렁이가 한 마리만 있으면 되므로 서로 인접해있는 배추들이 몇 군..

프로젝트 배포 tomcat 설정

WAS(Wep Application Server)는 웹 애플리케이션을 실행하기 위한 서버 환경을 제공하는 소프트웨어입니다. WAS는 웹 서버와는 다른 개념이며, 독립적으로 웹 애플리케이션을 실행하고 관리하는 역할을 수행합니다. 웹 애플리케이션의 실행 환경을 구축하고 관리 WAS는 Java EE(Java Enterprise Edition) 표준을 준수하는 서버이며, 대표적인 WAS로는 Apache Tomcat, IBM WebSphere, Oracle WebLogic, JBoss 등이 있습니다. 1. VsCode에서 프로젝트의 배포용 application.properties 파일을 확인 아래는 application.properties 예시 입니다. tomcat과 관련해서는 context-path만 확인하면 ..

Backend/tomcat 2023.05.12

spring bean 주입 방법

스프링 프레임워크에서 의존성을 주입하는 방법은 3가지가 있습니다.Constructor Injection (생성자 주입) -> 권장Setter Injection (세터 주입)Field Injection (필드 주입)종류1.Constructor Injection (생성자 주입)클래스의 생성자를 통해 의존성을 주입합니다. 클래스에 필요한 의존성을 생성자 매개변수로 선언하고, Spring은 해당 매개변수에 맞는 Bean을 찾아 주입합니다.주입되는 Bean은 XML 또는 Java Config와 같은 설정 파일에서 정의됩니다.객체가 생성될 때 한 번만 호출됩니다. 즉, 객체가 처음 만들어질 때 필드 값을 초기화합니다.public class MyClass { private MyDependency myDepend..

Backend/spring 2023.05.10

[JavaScript] draggable 옵션 및 예제

자바스크립트의 draggable 속성과 dragstart, dragend 이벤트를 사용하여 요소를 드래그할 수 있습니다. draggable 옵션입니다. cancel: false는 드래그 가능한 요소 내의 특정 하위 요소를 클릭하여 드래그 작업이 취소되는 것을 방지합니다. 불투명도: 0.7은 드래그 동작 중 드래그 가능 요소의 불투명도를 설정합니다. snap: "[elem]"은 요소를 요소 클래스가 있는 다른 요소로 스냅하도록 지정합니다. snapMode: "둘 다"는 스냅이 수평과 수직 모두에서 발생해야 함을 나타냅니다. snap Tolerance: 10은 스냅이 발생해야 하는 스냅 대상으로부터의 거리(픽셀)를 지정합니다. stack: "[elem]"은 끌어온 요소의 z-index를 요소 클래스가 있는 ..

Frontend/javaScript 2023.05.04

[AngularJS] ng-repeat (사용법, 옵션)

ng-repeat="item in items | filter:search" ng-repeat는 AngularJS에서 제공하는 디렉티브 중 하나로, 배열 또는 객체의 각 항목을 반복하여 HTML 요소를 생성하는 데 사용됩니다. 1. 기본 사용 //js $scope.items = [ { name: "apple", color: "red" }, { name: "banana", color: "yellow" }, { name: "orange", color: "orange" } ]; {{item.name}} ({{item.color}}) 위의 코드에서 {{item.name}}과 {{item.color}}은 객체의 name과 color 속성 값을 출력합니다. 따라서 위의 코드는 다음과 같은 결과를 생성합니다. appl..

Frontend/angularjs 2023.05.03

BFS와 DFS (백준 1260)

1. 그래프 언어 정리 2. BFS와 DFS BFS와 DFS는 그래프 순회(traversal) 알고리즘 중 가장 기본적인 두 가지 방법입니다. BFS(Breadth-First Search) 너비 우선 탐색 시작 노드로부터 시작하여 깊이(depth)가 낮은 노드부터 탐색을 진행하며, 같은 깊이의 노드들은 순서에 상관 없이 방문합니다. BFS는 큐(Queue) 자료구조를 이용하여 구현할 수 있습니다. BFS는 최단 경로를 찾을 때 사용하면 유용합니다. DFS(Depth-First Search) 깊이 우선 탐색 시작 노드로부터 한 방향으로 탐색을 진행하다가 더 이상 탐색할 수 없는 경우, 다시 가장 가까운 갈림길로 돌아와서 다른 방향으로 탐색을 진행합니다. DFS는 스택(Stack) 자료구조 또는 재귀함수를 ..