[AMCHARTS] input값을 받아 차트 데이터 추가 생성
·
STUDY/jQuery
input값을 받아 amchar3의 차트에 데이터가 추가되며 생성하는 코드 // var count = 0; var JsonData = []; $('#ageInput').on('input', function() { var num = $('#numInput').val(); count += 1; JsonData = { num: num, count: count }; var chartData = JSON.stringify(JsonData); console.log(chartData); chart.dataProvider.push(JsonData); chart.validateData(); }); .on() jQuery는 이벤트 처리를 포함하여 웹 개발자에게 다양한 기능을 제공하는 널리 사용되는 JavaScript 라이..
[JS] entries()메서드로 FormData 객체 데이터 조회하기
·
STUDY/JavaScript
Array.prototype.entries() entries() 메서드는 배열의 각 인덱스에 대한 key-value 쌍을 가지는 새로운 Array Iterator 객체를 반환합니다. arr.entries(); FormData 객체에는 직접 데이터를 읽어들이는 기능이 없기 때문에, 이를 위해서는 FormData 객체에 포함된 entries() 메서드를 사용해야 합니다. const obj = { 0: 'a', 1: 'b', 2: 'c' }; console.log(Object.entries(obj)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ] entries() 메서드를 사용해 FormData 조회하기 entries() 메서드는 FormData 객체에 저장된 키/값 쌍을 나타내..
[jQuery] 2개의 클래스가 있는 요소 선택하기
·
STUDY/jQuery
아래와 같이 class가 두개 ~ 여러개 있는 요소를 선택하고 싶을때 두 클래스(논리적 AND와 같은 교차점)가 있는 요소만 일치시키려면 사이에 공백 없이 선택자를 함께 작성하면됩니다. $('.a.b') 순서는 관련이 없으므로 클래스를 바꿀 수도 있습니다. $('.b.a') 따라서 divID가 a클래스 b및 인 요소를 일치시키려면 c다음과 같이 작성합니다. $('div#a.b.c') 출처 : https://stackoverflow.com/questions/1041344/how-can-i-select-an-element-with-multiple-classes-in-jquery
[SQL] 문자형(VARCHAR)을 숫자형(NUMBER)로 변환
·
STUDY/DB SQL
오라클에서 SEQ 컬럼의 ORDER BY 절 결과가 이상하게 나와 살펴보니 SEQ 컬럼의 데이터타입이 숫자가 아니라 문자(VARCHAR2)였다. 데이터타입을 의심하지않고 계속 ORDER BY절이 안먹히는 것에 꽂혀서 문제를 푸는데 시간이 걸렸다. 항상 아는 것에, 포커싱을 어디에 두는지에 의심하는 버릇을 들여야겠다. TO _NUMBER() 변경 전 OERDER BY SEQ 변경 후 ORDER BY TO_NUMBER(SEQ) 문자컬럼을 숫자크기에 따라 정렬하려면 위와 같이 TO _NUMBER() 함수를 사용해 정렬하면 된다.
[JS] FormData 설명 정리
·
STUDY/JavaScript
FormData FormData는 웹 브라우저에서 제공하는 JavaScript API로, HTML form을 통해 사용자로부터 입력받은 데이터를 쉽게 처리하고 전송할 수 있도록 도와줍니다. 이 API를 사용하면, JavaScript를 사용하여 새로운 form 데이터를 생성하거나, 이미 존재하는 form 데이터를 가져와서 수정할 수 있습니다. 이러한 form 데이터는 HTTP 요청을 통해 서버로 전송될 때 사용됩니다. FormData 객체는 append() 메서드를 사용하여 form 데이터의 각 항목을 추가할 수 있습니다. 이 메서드를 사용하면, key-value 쌍으로 이루어진 데이터를 form 데이터에 추가할 수 있습니다. 이때 key는 form 요소의 name 속성 값이 되며, value는 해당 fo..
[Tomcat] 톰캣 캐시 부족 현상 해결방법
·
STUDY/WEB
에 위치한 리소스를 웹 애플리케이션 [/upload]을(를) 위한 캐시에 추가할 수 없습니다. 왜냐하면 만료된 캐시 엔트리들을 없애버린 이후에도 여유 공간이 충분하지 않기 때문입니다. 캐시의 최대 크기를 증가시키는 것을 고려해 보십시오. 해결방법 : Tomcat 설치 경로/conf/context.xml에 아래 내용 추가 cache의 최대 크기는 10MB로 잡혀있는데, cache를 사용 안 할 수도 있지만 size를 늘리는 게 일반적인 가이드 출처 : https://blog.naver.com/PostView.nhn?blogId=yjhyjh5369&logNo=222037563621
[JAVA] java.net.Socket
·
STUDY/JAVA
java.net.Socket java.net.Socket은 자바에서 네트워크 통신을 위해 사용되는 클래스 중 하나입니다. 이 클래스를 사용하면 클라이언트와 서버 간의 소켓* 연결을 생성하고 관리할 수 있습니다. 소켓 연결을 생성하려면 Socket 클래스의 생성자를 호출하여 연결하려는 서버의 IP 주소와 포트 번호를 전달해야 합니다. 이렇게 생성된 Socket 객체를 사용하여 클라이언트와 서버 간에 데이터를 읽고 쓸 수 있습니다. Socket 클래스는 TCP/IP 프로토콜을 기반으로한 연결 지향적인 소켓 통신을 제공합니다. 또한, InetAddress 클래스를 사용하여 IP 주소를 가져오거나 설정할 수 있으며, InputStream 및 OutputStream 클래스를 사용하여 데이터를 전송할 수 있습니다...
[JAVA] future 란 무엇일까?
·
STUDY/JAVA
Java에서 "Future"는 비동기 작업의 결과를 나타내는 인터페이스입니다. 즉, Future 객체를 사용하면 작업을 시작하고 결과를 얻기 위해 블로킹*하지 않고 다른 작업을 수행할 수 있습니다. *블로킹(Blocking) 한 작업이 완료될 때까지 다른 작업을 중지시키는 것 Java에서 "Future"는 비동기 작업의 결과를 나타내는 인터페이스입니다. 즉, Future 객체를 사용하면 작업을 시작하고 결과를 얻기 위해 블로킹*하지 않고 다른 작업을 수행할 수 있습니다. *블로킹(Blocking) : 한 작업이 완료될 때까지 다른 작업을 중지시키는 것 Future 인터페이스는 작업의 상태를 확인하고 작업이 완료되면 결과를 얻을 수 있는 기능을 제공합니다. Future를 사용하기 위해서는 비동기 작업을 생..