2021.02.15(Mon) 📌 TIL

======================2월 15일 수요일======================
-----------------------------[오전]--------------------------------

 

💻Mtest
   ㅣ-workjquery
   ㅣ- calendarmain.html 문서분석 (Date클래스, Calendar클래스)
        => jQuery라이브러리 DatePicker
      https://jqueryui.com/datepicker/#date-range

 

*예약 시스템 만들기
ㅣ- 가장 많이 참고하는게 호텔사이트!
ex) 제주신라호텔

   =>index.html문서는 화면효과 jQuery라이브러리 skitter함수
        http://skitter-slider.net/
        https://bxslider.com/  

 

   => 화면효과는 bxslider(), skitter() 아니면 본인이름calendar.html문서에서 setInterval(함수,1000)
   ㅣ- bxslider()함수는 two.html
   ㅣ- skitter()함수는 index.html
   ㅣ- 화면효과를 jQuery라이브러리 응용은 본인이름calendar.html

 

///////////////////////////////////////////////////////////////////////////

 

💻 Web0215 플젝 새로 생성
   ㅣ- index.html화면효과, 기존 0105플젝에 index2.jsp화면효과 응용
   ㅣ- lotto.html등록화면 jQuery널체크 사용법 응용
   ㅣ- lottoSave.jsp문서 저장처리 PreparedStatement명령어
   ㅣ- lottoList.jsp문서 페이징+검색

 

📃 Ajax처리구현
자바스크립트응용 ==> 널체크, 팝업창, 다음주소, 숫자문자체크, 피자, 퍼즐
화면효과 자바스트립에서 스타일적용, jQuery라이브러리사용
Ajax비동기처리 = 순수자바스크립트 + jQuery
ex) 뉴스, 날씨

 

-----------------------------[오후]--------------------------------

 

jQuery(function( ) {
   $('#btnSave').click(function( ){
      var a=$('#sabun').val( );
      var b=$('#name').val( );
      alert(a+" "+b)

   } ) ;
} ) ;

 

 

💻Web0215 플젝 새로 생성
   src
   |-net.tis.lotto팩키지
   |-LottoDTO.java
   |-LottoSQL.java

WebContent
  |-WEB-INF자동생성폴더
    ㅣ- index.html
    ㅣ- lottoWrite.html =>입력폼 + 자바스크립 널체크 nullCheck()
    ㅣ- lottoSave.jsp =>저장처리 저장처리성공후 전체출력 완성되신분들은 sp처리 더미데이터 316개
    ㅣ- lottoList.jsp =>저장 전체출력
            | - 저장및 전체출력 자바문서연결 LottoDTO.java/LottoSQL.java 각자 

    ㅣ- ssi.jsp 복붙하기
    ㅣ- images.jsp 복붙하기

 

 

drop table lotto ;
create table lotto(
title varchar2(10) ,
content varchar2(20) ,
writer varchar2(10) ,
wdate date ,
hit number(3)
);
commit;

 

///////////////////////////////////////////////////////////////////////////

 

✍ 문제1] lottoWrite.html문서 폼태그 입력및 자바스크립트에서 널체크 jquery
//wdate필드,hit필드 기본값 날짜sysdate, 힌트0사용
제목: <input type=text id=title>

내용 : textarea
저자:   <input type=button
             onclick="nullCheck()" >

 

해결1) 입력폼
해결2) 자바스크립트 nullCheck
      $('#title').val(); jQuery접근
      document.getElementByID(title).value;접근
      //참고document.getElementById("datepicker1").value;

 

 

✍문제2] lottoSave.jsp문서
      비추천 CallableStatement, Statement
      추천 PreparedStatement명령 PST
      msg = " insert ~ lotto values( ) " ;

 

 

✍문제3] lottoList.jsp문서 페이징+검색
      해결1) 레코드 전체갯수
      해결2) sp명령어 입력처리 310개이상 처리하세요
                  =>면접전, 이력서 제출전에 db의 트리거 알려주세요!
                                                 sp복습 한번 해주세요!

 

해결3) 페이징  + 검색
             페이징구현하려면 더미데이터 316건정도 입력을  지난주 배웠던 
             데이터베이스 sp=PL응용해서 더미데이터 310건 입력하세요.
             msg = "select fownum, ~~ from lotto"
             ST = CN.createP

 

  =>페이징계산은 pnum, pagecount pageNUM, start,end, 
                 startpage, endpage, returnpage, tmp , sqry 변수는 동일하게 사용

set serveroutput on
declare
      i  number  := 0; 
begin
    while  i < 5 
    loop
     i  := i + 1;
      insert into  lotto(title , content, writer , wdate , hit) 
     values (concat('snow',i),  concat('winter',i), 'admin', sysdate, 0);
     end loop;
end;

 

 

///////////////////////////////////////////////////////////////////////////

 

다시 복습하는 문서
test 시리즈 => 업로드,다운로드 공용폴더 storage

 

WebContent가상이름
   ㅣ- storage폴더생성 후 여기에 그림 선택해서 복붙

 

///////////////////////////////////////////////////////////////////////////

자가진단> test테이블 이미지처리, guest테이블 페이징+검색+댓글

 

자가진단2>
 test테이블 이미지처리
    ㅣ- testWrite.jsp 입력란
    ㅣ- testSave.jsp 이미지 업로드 저장
    ㅣ-  testList.jsp 전체출력

 

자가진단3> lotto테이블 jQueary응용, 페이징+검색 복습
jQuery 교재 PDF (Do it! 자바스크립트+제이쿼리 입문) 162페이지부터 20개정도
다시 입력해서 개념 이해해보기

 

=====================================================