🐲ajax()old 문법 $.ajax( { url : loc, data : , success : function( data ) { // responseXML }, error : function(xhr, status, error) { } })url (필수): 요청을 보낼 URL을 지정data (선택): 서버에 객체 형태로 제공되며, 쿼리 문자열 형식으로 변환된다.success (선택): 요청이 성공적으로 완료되었을 때 서버에서 반환된 데이터를 매개변수로 받는다.error (선택):요청이 실패했을 때 호출되는 콜백 함수입니다. 이 함수는 세 가지 매개변수를 받을 수 있다: xhr: XMLHttpRequest 객체 status: 오류 상태 (예: "timeout", "error", "abort", "parse..

db서버(sql)의 데이터를 꺼내서 아래 파일들로 가공한 후에 클라이언트(ex.chrome) 컴퓨터에 어떻게 저장할것인가/? 이때 가공할때 java//jsp/spring에서 가공하는데 이때 이용되는 서버가 was서버 오라클의데이터를 가지고와서 자바가 바꾸고 html/css/javascript/png/mp4에 넣어줌 웹서버(text(csv),html,xml,json)을 html로 많이 바꿈데이터 처리 및 클라이언트 저장 방식DB 서버에서 데이터를 가져와 WAS 서버에서 가공한 후, 웹서버를 통해 클라이언트에 저장한다. 이때, Java, JSP, Spring 등의 기술을 활용하여 데이터를 가공하고, 다양한 형식(HTML/CSS, JavaScript, PNG, MP4)으로 변환하여 클라이언트에 전달한다. 데이..

Item (명명된 매개변수) - 처리할 현재 요소(값)Index (선택적 매개변수) - 처리할 현재 요소의 인덱스(배열 위치)jquery방식 반복문 : $.each(배열,function(index, item){})js방식 반복문 : 배열.forEach(function(item, index){}) 배열예제let arr = [ { name : 'Naver', link : 'https://www.naver.com' }, { name : 'Daum', link : 'https://www.daum.net/' }, { name : 'Nate', link : 'https://www.nate.com' }, { name : 'Google', link : 'https://www.google.com/' }, { name :..

Json( JavaScript Object Notation ) : Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷이다.  기본적으로 Javascript 객체 리터럴 문법을 따르는 문자열이다.data:javascript object - 필드변수와 함수가 함께 존재 json data - 필드변수만 존재 { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIden..

HTML 문서의 탐색, 이벤트 처리, 애니메이션, Ajax 상호작용 등을 간편하게 할 수 있도록 도와주는 JavaScript 라이브러리이다. java script코드를 간결하고 직관적인 문법으로 볼 수 있다.document.getElementById('div1')document.querySelectorAll('#div1')아래와 같이 간소화 할 수 있다.$('#div'): #div를 call 한다. jquery 사용방법   jquery 라이브러리를 다운받아서 사용설정해야한다. ~>공백,엔터를 없앤 파일, 서버의 부담이 적다.cdn에서 자동으로 다운받도록 설정한다.jquery 자매 사이트▪ https://jquery.com/▪ https://jqueryui.com/▪ https://jquerymobile..

Java Servlet API에서 사용되는 메서드로, HTTP 요청에서 클라이언트가 전송한 파라미터 값을 가져오는 데 사용된다. 예제HTML 삽입미리보기할 수 없는 소스위 코드는 정규식을 포함한 html폼이다. 와 같은 form태그 안에 로그인이 세가지 타입을 적용할 수 있으며 submit 버튼 클릭시 form tag에 있는 onsubmit 이벤트를 만들어낸다. 단, 값이 잘못될경우 submit을 중지시킨다. 그리고 action 에 있는 페이지로 값(input,button)들을 전달한다. request.getParameterjs에 있는 소스를 자바 변수에 넣어서 html에서 출력한다. 넘어온 값 이름: 전화: 이메일: 주민등록번호: 월급: jsp파일: JSP 페이지의 설정을 정의합니다. UTF-8 인코딩..

생성자 함수(Constructor function):같은 유형의 객체를 여러개 생성할 때 사용하며 함수명의 첫글자는 대문자를 사용한다. 그리고 new 키워드를 통해 호출된다.이때, 프로토타입을 통해 속성과 메서드를 추가시키고 상속할 수 있다. 예제1function Employee(num, name, email, sal, comm, deptid) { this.num = num; this.name = name; this.email = email; this.sal = sal; this.comm = comm; this.deptid = deptid; }기본 생성자 함수 EmployeeEmployee.prototype.getYearSal = function() { let yearSal = this...

더보기java에서 달력만들기:[java]출생년도, 12간지 , 날짜 출력하기,DateTimeFormater [java]출생년도, 12간지 , 날짜 출력하기,DateTimeFormaterSystem.out.println("태어난 연도를 입력하세요"); Scanner in=new Scanner(System.in); int birthyear =in.nextInt(); String ddi=""; switch(birthyear%12) { case 0 :ddi="원숭이"; break; case 1 :ddi="닭"; break; case 2 :ddi="개"; break; case 3 :ddio94777.tistory.comhtml에서 간단하게 달력 출력하기 See the Pen Untitled by 유레이나 (..

let arrA = [ 277, 83, 55, 36, 24, 36, 91 ];위와같이 배열방의 갯수가 7개인 배열을 생성해보자.arrA[9] = 999;배열의 10번째 index에 999라는 숫자를 할당한다.∴arrA.length=10for (var i = 0; i 배열을 순회하면서 undefined일 때 0을 할당한다.html += arrA[i] + ',';: 각 요소를 문자열로 추가한다. sum += arrA[i];: 합계를 계산한다.let arrB = [ 273, 'String', true, {}, function() {}, [ 123, 456 ] ]; html += arrB + '';let arrC = [ 1, 2 ]; arrC.push(3); arrC.push(4); arrC.push(..

이벤트설명onfocusgotfocus 포커스를 받고 있는 상태onblurlostfocus 포커스를 받지 않고 있는 상태  ✨onchange최종적으로 값에 변화가 발생하되게되면.  onclickclick될 때ondblclickdouble click 클릭과 동시 사용 금지  ondrag드래그하는 도중ondrop드래그한것이 드랍될때  onkeydown키보드를 누르고 있는 동안onkeyup키보드를 누르고 있다가 손을 땔때, keyreleaseonkeypress키보드를 한번 누르면, ex)space, enter, esc  onmousedown마우스버튼을 누르고 있는 동안onmouseup마우스버튼을 누르고 있다가 손을 땔때, keyreleaseonmousemove마우스버튼을 누른 상태로 움직이는 동안onmousew..