본문 바로가기

2019125

jsp get / post html 에서 사용했던 form 태그를 생성할때, 위와 같이 만들었다. form 태그의 내용을 전송하는 방법으로써 post와 get방법이 있다. post 방식 - 전송할 내용이 url 에 보이지 않는다. 일반적으로 아이디와 패스워드처럼 사용자 외에게 노출을 원하지 않을 경우 흔히 이 방식을 사용한다. get 방식 - 전송할 내용이 url에 표기된다. 2020. 1. 3.
SERVLET Life Cycle 서블릿 생명 주기 ( Life Cycle ) init - 서버가 처음 동작 할때 service - 요청 될 때마다 ( doGet, doPost ) destroy - 서버 종료 될 때 테스트 1 2 3 4 5 6 7 8 9 10 11 12 13 public void init(ServletConfig config) throws ServletException { System.out.println("init method"); } public void destroy() { System.out.println("destroy method"); } protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletE.. 2020. 1. 3.
JSP 게시판 만들기 자바파일 2개 DTO (VO) : 변수 6개 생성 (번호, 제목, 내용, 글쓴이, 작성일자, 조회수) DAO : 메서드 6개 생성 (연결Connection, 목록보기getList, 글쓰기insertData, 조회수upHit, 상세보기detail, 검색하기getSearch) jsp 파일 4개 list.jsp - 게시판 전체 목록 보기 detail.jsp - 게시판에서 글 클릭시 내용 보기 insert.jsp - 게시판 목록에서 '글쓰기' 클릭 시 나오는 form insertResult.jsp - '글쓰기'버튼 눌렀을 시 실행 큰 흐름은 다음과 같다. 크게 10단계로 나뉘어 복잡해 보일 수 있으나, Connection 메서드를 제외하면 반복되는 메서드를 사용하고 있어 그리 복잡하지않다. DTO에서 변수와 g.. 2019. 12. 30.
jQuery append appendTo a.append.b a에 b를 추가한다. append가 a를 가리키고 있다. 뒤에 .css를 붙이면 a에 대한 .css로 적용된다. b.appendTo.a b를 a에 넣는다. appendTo가 b를 가리키고 있다. 뒤에 .css를 추가하면 b에 대한 .css로 적용된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $('#result').append($(this).clone()); //이렇게 쓰면 기존에 있던 '내용추가'자료가 사라진다. //.clone()을 붙여 복제한다 //div#result 전체의 배경이 핑크색이 됨 $('#result').appendTo('aaa').css('background-color', 'pink'); //색칠된 'aaa'를 resul.. 2019. 12. 11.
jQuery Effects 나타내기 .show() .slideDown() .fadeIn() 숨기기 .hide() .slideUp() .fadeOut() .toggle() : 클릭할때마다 나타내고 숨기기 1 2 3 4 5 6 7 8 9 10 11 12 13 $('#show').click(function(){ //show() $('#result').show(); //fadeIn() $('#result').fadeIn(200); //sldieDown $('#result').slideDown(); //css잡아주기 $('#result').show(2000,function(){ $(this).find('p') .css('color','red') .show(); }); https://api.jquery.com/category/effects/ 2019. 12. 11.
// jQuery $(this) 2019. 12. 11.
//jQuery find와 end 8_.html 정리해서 올리기 2019. 12. 11.
jQuery each 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 //1번째 each /* let d = $('div').each();*/ let d = $('div').each(function(index, item){ // console.log(index); //0부터3 출력 // console.log(item); //a-1부터 a-4 출력 return $(item).text($(item).text() + "입니다"); //아이템의 텍스트에(아이템 텍스트를) 넣는다? }); //2번째 each 배열을 사용할때는 $.each사용 $.each(['a','b','c'], function(index,value){ // console.log(index); //0,1,2 // con.. 2019. 12. 11.
// jQuery sibling parent parents end filtering 내용일듯(아마도) sibling : 형제요소 parent : 바로 위 부모요소 parents : 조상 end : 이전 요소 집합을 반환 2019. 12. 11.
jQuery add,remove,has,toggle Class addClass() 문서 객체의 클래스 속성을 추가 removeClass 클래스 속성 제거 hasClass 클래스 속성 검사 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 //com으로 끝나는~ $z $('a[href$="com"]') .addClass('test'); //css에 있는 클래스 가져오기!*/ //mailto로 시작하는~ ^ $('a[href^="mailto"]') .addClass('green'); // google을 포함하는~ * $('a[href*="google"]') .addClass('red'); //link걸은 js파일 .red{ color:palevioletred; } .green{ colo.. 2019. 12. 11.
/// jQuery 3개 메서드체인, 객체,콜백함수 4_selector.html 정리해서 올리기 2019. 12. 11.
jQuery find와 filter find() : 현재 요소 집합의 자식요소에서 해당 조건의 요소를 찾음 filter() : 현재 요소 집합에서 해당 조건의 요소를 찾음 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 //find:children값을 찾아주는것 // $('p .middle) // p태그에 직접 혹은 간접으로 middle인 클래스를 찾아라! let data1=$('p').find('.middle'); //filter:걸러주는것 // $('p.middle') // p태그 이면서 middle클래스를 가지고 있는것 $(document).ready(function(){ let data2=$('p') .css('border','1px solid black') .filter('.middle').css('backgrou.. 2019. 12. 11.
jQuery 속성 선택자(attribute) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 속성 선택자 -attribute // a태그의 href속성 // *$('a[href=]')*/ // 일치하는~ = $('input[type="text"]') //input태그의 type속성 .val("hello") .css('background-color','pink'); //com으로 끝나는~ $ $('a[href$="com"]') .addClass('test'); //css에 있는 클래스 가져와서 적용시키기 // .test{ // background-color: forestgreen; // color:floralwhite; // } //mailto로 시작하는~ ^ $('a[.. 2019. 12. 10.
반응형