본문 바로가기

전체 글258

// jsp servlet 테이블 게시판 만들기(추가, 수정, 삭제, 상세보기) 2020. 1. 3.
jsp servlet form을 post 방식으로 전송하기 1. myForm.html 을 생성하여 body부분에 form태그를 작성한다. (css는 임의로 설정) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 아이디 패스워드 이름 성별 남자 여자 2. 생성된 form 을 확인하면 다음과 같다. 3. 위 form태그에서 method를 post로 잡아주었으므로 doPost 메서드에 체크하여 formResult 서블릿 파일을 생성한다. 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 protected void doPost(HttpServletRequest request, HttpServletResponse response) throw.. 2020. 1. 3.
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.
화이팅 https://medium.com/jung-han/n명의-개발자-n개의-조언-e066a29a39ca​ https://medium.com/@bgh3470/2019년-개발자의-회고록-fe08102e1dad​ 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.
반응형

티스토리툴바