JS Coding

DOCTYPE html> Document #wrapper { margin: 200px auto; /* 수평 가운데 정렬 */ width: 70%; border: 1px solid black; } #modal { position: fixed; left: 0; top: 0; width:100%; height:100%; background-color: rgba(0, 255, 0, 0.7); display: none; /* 처음엔 안보여야 하므로 none */ } #modalContent { width: 50%; height: 80%; margin: 50px auto; /* 수평 중앙 정렬 */ background-color: black; color: white; } 난 최고의 프로그래머 X 모달열기 const..

DOCTYPE html> // function 키워드가 함수/클래스 를 의미 ! const myDom = function(pName){ this.name = pName; /* 여기에 선언하면 메모리가 낭비된다 ( 메모리가 많다면 가능) this.prt = function() { console.log("내 이름은 : ",this.name); }; */ return this; // 클래스의 의미로 사용될땐 생략이 되어 있음. }; // prototype 이란 것에 주목 해야 한다. 이것 때문에 자바스크립트를 // prototype 객체지향 언어라고 부름 myDom.prototype.prt=function(){ console.log("이름 : ",this.name); } let ksh = new myDom("..

DOCTYPE html> 김소원 이은솔 신수연 김정하 예쁜이 // $("#aaa") // 즉각실행함수 // var $; // 전역변수 // var kgb ="민주 주의!"; // alert(window.kgb); // 위에 var kgb 전역변수와 같다. window.$ = null; !function(){ // new를 생략하고 싶다면 factory $ = function(pSel){ return new myDom(pSel); // 여기서 생성해서 돌려준다. } const myDom = function(pSel){ let elems = document.querySelectorAll(pSel); this.selQuery = pSel; // 선택지를 임시로 저장해 둠 this.length = elems.l..

AOP 예시 게시글을 등록/수정/삭제/조회 할때 전송된 모든 파라미터와 해당 로직의 소요 시간을 콘솔로 로그에 출력하라. core-concern : 등록/수정/삭제/조회 target : board service(B.L) cross-cutting-concern : 로직의 소요 시간, 로그로 출력, 모든파라미터 -> 로그출력 advice : LoggingAdvice point-cut : execution(* cohttp://m.springboard.board.service.*.*(..)) Weaving을 담당하는 dependency 등록(aspectJ weaver) 은행 인출기

순서 1. 드라이버를 빌드패스에 추가 2. 드라이버(클래스) 로딩 3. Connection 생성 4. 쿼리 객체 생성 - Statement : 쿼리 객체 생성 시 쿼리가 고정되지 않기 때문에, runtime에 동적 쿼리 실행이 가능. - PreparedStatement(선 컴파일된 쿼리 객체) : 쿼리를 미리 컴파일하고 쿼리 객체를 생성함. runtime에 쿼리에 사용되는 literal(값)을 변경하여 쿼리를 재사용함. - CallableStatement : 절차적 코드집합인 function/procedure 를 호출할때 사용함. 5. 쿼리 실행 6. 결과 집합 핸들링(select..) 7. close(***) - try with resource 구문 활용 public class ConnectionFac..