MVC 모델로 로직 작성하기 #2
저번 포스팅에서 Connection 정보만을 다루는 클래스를 따로 만들었다. 이번에는 그 정보를 가져와서 Dao에 접근해 데이터를 가져올 것이다.먼저 Service 클래스에서 미리 만들었던 커넥션정보를 받아와서 dao를 호출할 때 넣고 호출할 것이다. pstmt만 만들어줘서 넘겨받은 conn을 넣어주고 sql문 ?의 순서에 맞게 해당값을 넣어주고 값이 있으면 해당 멤버의 정보를 받아와서 리턴한다. 리턴을 controller까지 되돌려주고 거기서 중간 처리과정을 거친 후 보여줄 화면으로 좌표를 지정해준다. 아래서 넘겨받은 m의 값이 null인지의 여부를 따져서 msg에 출력할 문구를 넣어주고 RequestDispatcher로 화면을 쏴준다. 결과값
MVC모델로 로직 작성하기
이번에는 배운것들을 총망라 해볼 예정이다.JDBC로 데이터를 DB에 넣거나 빼오는것과 font 기술로 그 데이터를 뿌려줄 수도, 데이터를 입력받아 저장할 수도 있는 로직 요청 페이지(로그인등) -> servlet을 통한 back단 처리 -> 응답 페이지(로그인되거나 안되는 등) 1. 요청 페이지아이디비밀번호 2.back단 처리하기이런식으로 간단하게 로그인창을 구성해주고 이제 데이터의 처리를 위해 servlet으로 보낼 것이다. action에 보면 login.do 라는 Java Resources에 controller라는 패키지에 Login클래스를 만들어줬고 path에 /login.do을 써주었다. Login 클래스를 해석 하자면 값을 post로 보냈지만 doPost에 doGet으로 다시 보냈기 때문에 do..
jQuery 객체조작
1. 문서객체 설정each 메소드 배열을 관리하는 for in문과 비슷한 메소드로 객체나 배열의 요소를 검사하는 메소드index : 객체, 배열의 순번item : 값을 보관하는 변수, 배열의 실제 값메소드 내용 $.each(배열이름, function(index,item) { } ) 지정한 배열을 0번부터 자동으로 불러와 순번을 index, 값을 item에 넣는 메소드 $('s').each(function(index,item){ } ) 선택자로 선택한 요소를 index순번으로 item에 요소 값을 수정시 사용하는 메소드 /* 0,1,2,3으로 이름을 설정해 반복문 돌리게 한다. */ .colorBack_0{background-color: yellow;} .colorBack_1{background-color..
1.순회(탐색) 메소드 filtering 메소드-선택자로 지정한 객체를 기준으로 객체 그룹에서 위치를 기준을 객체 선택하는 메소드 메소드 내용 $('s').first() 선택된 요소 중 제일 처음 있는 요소 리턴 $('s').last() 선택된 요소 중 제일 마지막에 있는 요소 리턴 $('s').eq(숫자) 인덱스번호와 일치하는 요소 리턴(0부터 시작함) $('s').filter("검색식 | 선택자") 인자값과 일치하는 요소만 리턴 $('s').not() 인자값과 일치하지 않는 요소만 리턴 filtering 매소드 $().first(); $().last(); $().eq(); $().filter(); $().not(); test1 test2 test3 test4 test5 나는 p야 나는 h1 나는 h1..
jQuery 개요
제이쿼리란?존레식에 의해 개발된 경량 javascript 라이브러리Write Less, Do More(보다 간단하지만 더 많으것을!)을 모토로 복잡했던 코드를 손쉽게 구현 -DOM과 관련된 처리 쉽게 구현 -일관된 이벤트 연결 쉽게 구현 -시각적 효과 쉽게 구현 -Ajax애플리케이션 쉽게 개발애니메이션 기능, Ajax통신, 이벤트 처리 등 폭넓게 지원jQuery플러그인을 통해 차트작성, 슬라이드쇼, 엑셀같은 테이블도 간단한 코드로 구현가능 jQuery연결CDN(Content Delivery Network)을 통한 연결->온라인으로 js파일을 불러와서 실행src = "http://code.jquery.com/jquery-latest.js" 파일 다운로드 연결(오프라인에서 하는 경우)->jQuery홈페이지에..
이벤트 활용이벤트 속성과 이벤트핸들러(함수)를 연동하여 이벤트 발생시 특정기능을 하도록 하는 것 이벤트 설정방법고전 이벤트 모델표준 이벤트 모델 고전 이벤트 모델요소객체가 가지고 있는 이벤트 속성에 이벤트 핸들러를 연결하는 방법이벤트를 제거할 때는 속성값에 null값을 넣어주면 됨이벤트 발생객체는 핸들러 내부에서 this로 표현 / 스타일변경 가능매개변수로 이벤트 정보전달(e, window.event) ->이벤트객체 전달 예) 클릭시 이벤트설정var h = document.getElementById('id명');h.onclick = function{수행기능 설정;h(this).onclick = null; //한번만 실행}; //고전방식의 이벤트처리 //속성값에 바로 함수(이벤트핸들러) 입력! onload..
BOM(Brower Object Model)이란?window 객체 아래서 크게 BOM과 DOM으로 나뉜다. 보통 홈페이지 창을 하나 띄워놓고 주소창의 부분을 가리킨다고 보면쉽다. BOM안에 존재하는 객체location 객체navigator 객체history 객체screen 객체 window 객체자바스크립트에서 최상위 객체 생성되는 모든 객체가 window객체 하위에 존재, 브라우저 창에 대한 설정하는 객체 window.open('주소', '이름 또는 open방식', '형태'); 형태 옵션 height 윈도우 높이 값 width 윈도우 너비 값 location 주소 입력창 yes | no | 1 | 0 menubar 메뉴 유무 resizable 화면크기 조절 status 상태표시줄 toolbar 툴바표시 ..