전체 글 241

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) 자료구조 또는 재귀함수를 ..

[agGrid] row 선택 이벤트

onSelectionChanged와 onRowSelected는 모두 ag-Grid에서 row selection 관련 이벤트를 처리하기 위한 콜백 함수입니다. 두 함수는 파라미터가 다르므로 필요한 데이터에 따라 선택하여 사용하면 될 것 같습니다. 1. onSelectionChanged api.getSelectedNodes() 및 api.getSelectedRows() 메서드를 사용하여 선택한 노드/행 데이터의 새 목록을 가져옵니다. api.getSelectedNodes() 메서드는 선택된 모든 row의 Node 객체를 반환합니다. api.getSelectedRows() 메서드는 선택된 모든 row의 데이터 객체를 반환합니다. // gridOptions 객체 설정 var gridOptions = { onSe..

gridLib/agGrid 2023.05.03

[agGrid] 동적 row select (getSelectedNodes, getSelectedRows, setSelected, selectNode)

ag-Grid에서 rowSelection 속성을 multiple 또는 single로 설정하여 다중 또는 단일 선택을 활성화할 수 있습니다. 팝업창에 rowSelection속성이 multiple인 그리드가 있고, 팝업을 닫을 때 선택했던 row를 저장해뒀다가 다시 팝업을 열 때 저장된 데이터를 그리드에서 선택되도록 하려고 합니다. ag-Grid에서 row를 동적으로 선택하기 위해서는 다음과 같은 두 가지 방법을 사용할 수 있습니다. 1. selectNode api.selectNode(node, tryMulti): 지정된 노드를 선택하고 선택한 상태로 변경합니다. node: 선택할 노드입니다. tryMulti (선택적): true로 설정하면 노드를 다중 선택할 수 있습니다. 예를 들어, 특정 인덱스의 노드를..

gridLib/agGrid 2023.05.02