[jquery]비동기호출 - $.get()
·
JAVACSCRIPT
🐲기본문법$.get(url, data, success);==$.ajax({url:loc, method:'get', success:function(){}})url (필수): 요청을 보낼 URL을 지정data (선택): 서버에 전송할 데이터. 객체 형태로 전송할 수 있으며, 쿼리 문자열 형식()으로 자동 변환됨.success (선택): 요청이 성공적으로 완료되었을 때 서버에서 반환된 데이터를 받는다. $.get('https://api.example.com/data', { id: 123 }) .done(function(response) { console.log(response); }) .fail(function(jqXHR, textStatus, errorThrown) { console.error('Error:..
[jquery] ajax()
·
JAVACSCRIPT
🐲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..
[js]데이터 처리 및 클라이언트 저장 방식(동기∙비동기 호출)
·
JAVACSCRIPT
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)으로 변환하여 클라이언트에 전달한다. 데이..
[jquery,js]반복문+페이지 이동하기
·
카테고리 없음
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] json 사용하기
·
JAVACSCRIPT
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..
[jquery]jquery 사용하기
·
JAVACSCRIPT
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..
[js]request.getParameter
·
JAVACSCRIPT
Java Servlet API에서 사용되는 메서드로, HTTP 요청에서 클라이언트가 전송한 파라미터 값을 가져오는 데 사용된다. 예제HTML 삽입미리보기할 수 없는 소스위 코드는 정규식을 포함한 html폼이다. 와 같은 form태그 안에 로그인이 세가지 타입을 적용할 수 있으며 submit 버튼 클릭시 form tag에 있는 onsubmit 이벤트를 만들어낸다. 단, 값이 잘못될경우 submit을 중지시킨다. 그리고 action 에 있는 페이지로 값(input,button)들을 전달한다. request.getParameterjs에 있는 소스를 자바 변수에 넣어서 html에서 출력한다. 넘어온 값 이름: 전화: 이메일: 주민등록번호: 월급: jsp파일: JSP 페이지의 설정을 정의합니다. UTF-8 인코딩..
[js]생성자 함수(Constructor function)와 프로토타입 메서드(prototype method)
·
JAVACSCRIPT
생성자 함수(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...
[js] javascript로 달력만들기
·
JAVACSCRIPT
더보기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 유레이나 (..
[js] 배열
·
JAVACSCRIPT
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(..