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..

1) 계산,산술 연산자    ++, --,    *, /, %    +, -  2) 비교(관계) 연산자    , =    ==(값만 비교), !=, ===(값과 타입을 동시비교    0 ==  0.0 true    0 === 0.0 false ∵좌변은 정수타입이고 우변은 실수타입  3) 논리연산자    !, &&, ||, &, |  4) 비트연산자    ~(not), &(and), |(or), ^(xor)  5) 대입연산자    =, +=, -=, /=, ...  6) 조건연산자    result = (a == b)? true:false; java와 문법이 거의 동일하므로 다음링크를 참고하면 된다.[java]연산자 [java]연산자20240808수업 [연산자 - operator]  피연산자(operand..

원시타입(primitive type)타입예시 typeof return valueObject wrapperNumber(실수)123, 123.56numberNumberBigInt123456789012345678901234567890bigintBigIntString (' '==" ")'한글',"한글"stringStringUndefined undefinedundefinedN/ABooleantrue/falsebooleanBooleannullnullobject N/ASymbol symbolSymbol📍 Number모든 JavaScript Number는 64비트(double) 부동 소수점 형식으로 저장된다.let num = 10;let v1 = 7;let v2 = 3;let v3 = v1 + v2;let v4 ..

const - 한번만 정의가능 (상수),element는 const로 받는게 좋다.(재할당 불가)let - 변수생성후 재정의는 불가능하나 재할당 가능var - 변수생성후 재정의 가능 - 전통변수선언에 사용(현재는 비추천 ∵범위가 너무 넓음)스크립트 언어의특징 한줄 읽고 한줄 실행한다.var a = 3; ~> number typea= '카리나'; ~> String type∴들어오는 값의 type에 따라서 실행할 type이 결정된다.let b=4.5;b='윈터'; //error!타입 믹스매치 반면에 C/ C++C#, Java, 파스칼 등과 같은 컴파일 언어는 변수목록을 먼저 세팅해놓은 후에 변수를 찾기때문에 재정의할 수 없다.var bYear = 1989;console.log(bYear + 10); ..

기본개념sts에서 html파일을 생성하여 js를 삽입한다. js는 head나 body태그내 삽입이 가능하고 외부스크립트를 불러올 수도 있다. 클라이언트 입니다 현재 시간 외부스크립트를 부르는 방법이때, 이클립스가 실행되는 중에만 운영되는 가상 서버가 tomcat서버이다. See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스객체에 접근하는 방법1. 점 표기법 (Dot Notation)속성 이름이 유효한 식별자일 때 사용한다.div1.style.color = "blue"; 2. 대괄호 표기법 (Bracket Notation)속성 이름이 유효한 식별자이거나, 공백..