🏠국비지원학원

[JS] 학원 230303(금) jQuery (css설정, addClass, removeClass, events, effect, hide, show, toggle, 값얻기, 값설정, 커서요청)

* jQueryObject 함수 - CSS함수 : selector로 선택된 대상에 StyleSheet를 설정하거나 CSS속성의 값을 얻거나. * css -선택된 대상에 속성 값을 얻을 때 var value=$("selector").css("CSS속성명"); - 선택된 대상에 속성 값 하나를 설정할 때. $("selector").css("추가할 속성명", "속성값"); * addClass - style에 정의된 class를 선택된 대상에 적용시킬 때. $("selector").addClass("사용할 class명"); //class명은 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 * events 문법) $("selector").이벤트함수(function(){ //이벤트가..

[JS] 학원 230302(목) JSONArray, closure, jQuery

* JSONArray - JSONObject을 배열에 넣고 사용. 문법) [ {이름:값,,,}, {이름:값,,,}, {이름:값,,,} ,,,] * closure - 접근제한을 변경할 때 사용 (함수 안에서 선언된 변수나 함수를 함수 외부에서 사용하기 위해) - ()사용, {} 사용 두 가지 형태로 사용할 수 있다. -()를 이용한 closure //-()를 이용한 closure //선언) var 변수명=( {이름:값,,, 이름 :function(){ 코드,,,,} ,,,} ); //사용) //변수명.이름 //변수명.함수명(); * jQuery - 2006년 John Resig가 제작하여 발표. - write less, do more – 적게 쓰고 많은 일을 하기 위해 개발된 JavaScript Libra..

[JS] 학원 230228(화) 비공개, history객체, sessionStorage, localStorage, JSONObject

* 부모창에서 자식창으로 값 전달 (web browser에 따라 전달되는 브라우저도 있다. - IE) 사용법) 1. popup창을 변수에 저장 var subWin=window.open(“URL”,”id”,”attributes”); 2. 변수를 사용하여 값 전달. 변수명.window.document.자식창폼이름.control명.value=값; *JSP를 사용하여 web parameter로 값을 전달하면 브라우저에 상관없이 값 전달이 가능하다. * history 객체 - 웹 브라우저에 저장된 방문한 페이지를 사용하는 객체. - 웹 브라우저가 동작하는 경우에만 작동한다.( 웹 브라우저가 종료되면 사라진다.) - 속도향상. (웹 브라우저는 사용자가 방문한 웹사이트의 HTML를 저장한다. 뒤로가기나 앞으로 가기 ..

[JSP] 학원 230407(금)

* - VO를 객체 생성할 때, Web Parameter를 받을 때 // VO : 값을 저장하고, 저장된 값을 전달할 목적으로 생성하는 클래스 - parameter를 받는 VO를 작성할 때의 규칙 HTML Form Control의 name속성의 이름과 VO의 instance변수명이 반드시 같아야 한다. 같지 않다면 값을 받지 않는다. 사용법) 1. VO생성 public class TestVO{ private String name; public TestVO(){ }//기본 생성자 public String setName(String name){ this.name=name; }//setter public String getName(){ return name; }//getter } 2. 생성된 VO JSP 사용..

[JSP] 학원 230330(목) JSP 요청(get, post), 내장객체, 접속자 정보얻기(내장객체 request 사용)

* JSP 요청 - get방식과 post방식으로 요청 - , , location * GET방식 요청 : 웹 브라우저에서 직접 요청, , , location - 링크를 사용한다면 GET방식 - 링크 요청할 때는 상대경로 보다는 URL이 효율적 - a 태그 링크 - form 태그 button으로 하는 이유는 JavaScript에서 유효성 검증 후 document.submit(); 호출하여 Back-end 페이지를 요청한다. - location location.href="요청JSP URL"; * POST방식 요청 : * 내장객체 - _jspService method안에 선언되어있는 객체들 * 접속자 정보얻기 - request 내장객체(HttpServletRequest) 사용 http://localhost:80..

[JSP] 학원 230329(수) JSP 태그(지시자, 선언, 주석, 표현식, 스크립트릿)

* Servlet 이란? - class 안에 HTML코드를 작성하는 방식. - 디자이너와 개발자 간의 업무구분이 되지 않는다. - 제작하여 서비스하기 복잡하다. (DD(Deployment Descriptor- web.xml)가 필요) * JSP(Java Server Page) - Jave EE에서 동적으로 웹 페이지(HTML)를 생성하기 위해 제공하는 기능 (사용자를 식별하여 사용자에 맞는 HTML페이지를 제공할 수 있다. - 개인화) - Servlet 의 기능 개선. - 개발자가 compile하지 않는다.(Web Container가 자동 Compile) - 디자이너와 개발자 간의 업무구문이 어느 정도 가능해진다. CSS(Client Side Script) : Front-End에서 실행되는 Script ..

[JS] 학원 230227(월) 익명함수, 기명함수, location, 팝업창(popup)

* JavaScript 이벤트처리 - inline방식으로 onXxx속성을 사용하여 이벤트를 발생시키고 처리한다. - HTML Form Control을 이벤트에 등록하여 처리할 수 있는 방식. - HTML코드와 이벤트처리코드를 분리할 수 있다. 익명함수 (anonymous function) 익명함수(anonymous function) 사용. document.getElementById("아이디").onclick=function(){ 이벤트처리코드,,, } 기명함수 (named function) 기명함수(named function)사용- 이벤트를 등록하는 방식. document.getElementById("아이디").addEventListener("이벤트종류", 함수명 또는 무기명함수) 이벤트 종류는 on을 ..

[JS] 학원 230223(목) 날짜(Date), setTimeout, HTML Form Control의 값얻기, confirm, location, replace

* 날짜 - Date클래스를 사용. - 접속자 컴퓨터의 날짜 정보가 얻어진다.( 모든 접속자가 동일한 날짜정보가 아닌 다른 날짜정보가 얻어 질 수 있다.) 사용법) 1. 객체생성) – 접속자 컴퓨터의 설정된 날짜정보가 얻어진다. var date=new Date(); 2. 함수 호출) - 년도 구하기 date.getFullYear(); - 월 얻기 (컴퓨터의 월은 0월부터 시작) (date.getMonth()+1); - 일 얻기 date.getDate(); - 요일 얻기 date.getDay(); - 시간 date.getHours(); date.getMinutes(); date.getSeconds(); HTML 삽입 미리보기할 수 없는 소스 * 지정한 시간에 지정한 함수를 호출하는 함수 setTimeout..