일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- 콜렉션
- 자동형변환
- 싱글턴
- 언박싱
- wrapper
- 컬렉션
- maven
- 제네릭
- https://start.spring.io
- 제너릭
- 박싱
- boxing
- dependency
- 스프링
- unboxing
- 빌드
- Jenkins
- suvlet
- 인텔리제이
- Java
- 메소드
- 클래스
- Scanner
- 싱글톤
- Short
- 루프
- 내장객체
- 무한
- start.spring.io
- bootstrap
- Today
- Total
목록K-DigitalTraining 강의 (333)
Developer Gonie
형제, 부모관련 선택자 1) .siblings() 선택자로 지정것 앞, 뒤의 모든 형제들(자신제외) -> .prev()와 .next() 의 합집합 2) .parent() 선택자로 지정것의 바로 위 부모의 모든 자식들 3) .prev() 선택자로 지정것 바로 앞의 형제(자신제외) 4) .prevAll() 선택자로 지정것 앞의 모든 형제들(자신제외) 5) .next() 선택자로 지정것 뒤의 바로 다음 형제(자신제외) 6) .nextAll() 선택자로 지정것 뒤의 모든 형제들(자신제외) 적용예시
이 게시글에서 가이드 해주는 부분 0. 맨 앞에 체크박스 추가 1. 맨 위의 체크박스로 전체선택, 전체선택해제 하는 기능 2. 여러개 선택된 행들의 primary key 값을 전달해 이들을 동시에 삭제하는 기능 0. 맨 앞에 체크박스 추가 1) 맨 위의 체크박스 추가 2) 그 아래의 모든 체크박스 추가 * 위의 체크박스와 name 속성의 값이 다르다는 점에 유의하자. * 여기서는 체크박스를 추가할 때, value 값으로 이 행을 식별할 수 있는 값을 넣어줘야 한다.(테이블의 primary key) 1. 맨 위의 체크박스로 전체선택, 전체선택해제 하는 기능 1) 요소가 요소의 자식이 되도록 만들어줘하며, name과 action 속성을 추가. 2) 맨위의 체크박스에 onClick 속성을 추가하고 사용자 정의..
1) .parent() 특정 요소의 바로위 부모를 지정하는 선택자 2) parents() 특정 요소의 모든 조상을 지정하는 선택자(거의 전체 다 선택되는 특정때문에 쓸일이 있을까? 그래도 알아두자) 사용예시
1) .children() 특정 요소의 바로 아래 자식들 중에서 특정 조건에 부합하는 것들을 골라내기 위해 사용 2) .find() 특정 요소의 모든 자손들 중에서 원하는 것을 골라내기 위해 사용 사용예시
1) .filter() 선택자로 선택된 것들 중에서 한번 더 선택자를 주어 좀더 원하는 것을 수월하게 지정할 수 있다. 2) .not() filter가 선택하는 범위의 반대의 범위를 선택함 사용예시 * 속성의 값을 비교하는 filter 를 작성하는 추가적인 방법은 다음 링크를 참고하여 응용. https://ldgeao99-developer.tistory.com/351 .filter('.middle')// class 속성의 값이 'middle' 인것 필터링 .filter('#middle')// id 속성의 값이 'middle' 인것 필터링 .filter('div:odd') // div 태그들 중에서 홀수번째만 필터링 .filter('[id="third"]') // id가 third인것만 필러링 .filte..
사용예시 for(var i = 0; i < $('img').length-1; i++){ backSrc = $('img').eq(i+1).attr('src'); $('img').eq(i).attr('src', backSrc); }
DB에서 해당 데이터를 저장하기 위한 타입 사용자가 선택한 것들을 문자열 한줄로 이어붙여 저장할 예정이라서 varchar2 타입으로 저장한다.(이건 무조건 고정) 이어붙여 저장할 땐 ',' 혹은 ' ' 을 단어 사이사이 이어붙여 구분자를 넣은상태로 저장한다. Bean클래스에서 해당 데이터를 담기위한 타입 둘 다 사용 가능하고 어느 방식이든지 큰 불편함은 못 느꼈다. 두 방식으로 각각 모두 해보니 뭐가 더 쉽고, 어렵고의 차이는 없었다. 다만, 방식에 따라 고려해야할 것을 바로 알고 사용하면 될거같다. 1) 방법1, String 타입으로 하는 것(개인적으로 배열을 덜 다뤄서 쉬운편인거 같음) - 을 호출했을 때 체크박스로 여러개 선택한 값 중 맨 앞의 딱 1개만 bean 객체의 관련 변수에 바로 담긴다. ..
* 아래 글을 참고하면 태어난 년도, 월, 일 등을 선택할 수 있는 선택박스를 펼쳤을 때 보여지는 option 요소들을 반복문을 통해 구현하는 방법도 알 수 있다. 글의 제목이 의미하는바 수정 버튼을 눌러 화면이 이동했을 때 수정하고자 했던 정보들이 그대로 입력되어 있도록 할 수 있는 기능을 구현하고자 한다. 선택박스나 체크박스에 대해 이를 처리해 주는 것이 가장 어려웠음. 수정버튼을 누르게 되는 화면에서 꼭 추가해줘야 하는 부분 a 태그를 통해 get 방식으로 어떤 num 값을 가지는 행이 눌렸는지에 대한 정보를 전달해 줘야함. /* a태그에 파라미터 추가해서 get 방식으로 보내기 */ out.print(" 수정 "); out.print(" 삭제 "); out.print(""); 선택박스나 체크박스가..
다음은 updateProc.java에 대한 예시이다.(구조가 비슷해서 이것만) response.sendRedirect("select.jsp"); 로 구현하면 무언가 화면에 나타나기 전에 화면이 바로 넘어가므로 아래와 같이 마지막 부분 처럼 javascript로 처리해줄 수 있다 0){ msg = "수정성공"; url = "select.jsp"; //response.sendRedirect("select.jsp"); }else{ msg = "수정실패"; url = "updateForm.jsp"; //response.sendRedirect("insertForm.jsp"); } %>
* even, eq : index가 0부터 시작 * nth-child : index가 1부터 시작 * 선택자는 CSS에서 사용하던 분법을 그대로 사용할 수 있다. $('tr:nth-child(1)') 태그의 부모의 입장에서 첫번째 자식인데 인 것 + 모든 에 대해 적용 $('tr:first-child') 바로 위의 것과 같은 의미 $('tr:first') 태그의 부모의 입장에서 첫번째 자식인데 인 것 $('tr:nth-child(3n)') 태그의 부모의 입장에서 3의 배수번째 모든 자식인데 인 것 + 모든 tr에 대해 적용 3, 6, 9, 12,,, $('tr:nth-child(3n+1)') 태그의 부모의 입장에서 3의 배수 + 1 번째 모든 자식인데 인 것 + 모든 tr에 대해 적용 4, 7, 10, ..
JSP에서 다음 페이지로 데이터를 전달시키는 4가지 방법(참고) https://ldgeao99-developer.tistory.com/438 [9주차] 9. JSP에서 다음 페이지로 데이터를 전달시키는 4가지 방법 * 두번째, 세번째 방식은 get 방식으로 보내는 것과 같음 첫번째 방법 태그의 자식으로 이런 요소를 추가하여, 보내고 싶은 값을 value 속성에 넣어주고, 이동한 페이지에서 request 객체를 통해 접근 ldgeao99-developer.tistory.com 예시 Tip! insert 작업이 끝난뒤 select 결과를 보여주는 페이지로 이동하는데, 여기서는 수정,삭제, 삽입 등을 할 수 있다. 수정 혹은 삭제 클릭시 대상의 번호 값을 태그의 파라미터로 추가하여 보내는 것을 주의깊게 봐두자..
JavaBean이란? Bean 또는 VO(Value Object) 또는 DTO(Data Transfer Object) 라고도 한다. 데이터의 전달을 위해 만든 클래스로 데이터를 담을 private 멤버변수와 그 변수를 조작할 수 있는 public의 getter, setter 메서드로 구성된다. JavaBean 클래스의 내부 형태가 궁금하다면 참고할 링크(https://ldgeao99-developer.tistory.com/268) JavaBean을 다루는 액션태그 3가지 * 액션태그는 내부적으로 jsp의 내장객체 request를 이용한 동작을 수행하므로 사용시 맨 위의 라인에 request.setCharacterEncoding("UTF-8"); 을 적어두고 사용하는게 좋다. * 액션태그의 동작 결과를 이..