wrkbrs
jQuery 정리 2 본문
*
jquery를 이용하여 div 요소와 css 구현
var div_pop_back = $("<div>",{
css:{
width:$(window.top.document).width(),
height:$(window.top.document).height(),
opacity:0.1
}
}).addClass("divpop_back").attr("id","divpop_back");
// jquery를 이용하여 태그요소 구현
var div_pop = $("<div>").addClass("divpop").attr("id","divpop");
var pop_title = $("<img src='/images/custom/popup_top_logo.png' class='img_popuplogo'><span>"+title+"</span>").addClass("divpop_title");
*
if 조건문 안의 숫자
if(width){
}
:width : 숫자 -> 숫자가 있으면 true, 0이면 false
*
append / appendTo 차이
: append() 나(객체)에 무엇(자료)를 append
appendTo() 나를 객체에 append
append() : $('.tObj').append("<p>자료</p>");
= appendTo() : $("<p>자료</p>").appendTo('.tObj');
*
append() API
:복수로 append 가능
append( , )
pop_titlebar.append(pop_title, pop_close);
*
JSTL / c / fmt
:JSTL이란 JSP 표준 태그 라이브러리(여러 프로그램이 공통으로 사용하는 코드를 모아놓은 코드의 집합)의 약어, 자신만의 태그를 추가할 수 있는 기능을 제공한다
fmt
setLocale : 다국어를 지원하는 페이지를 만들때 ResourceBundle로 불러오는 properties파일들과 연계하여 사용한다.
<fmt:setLocale value="ko"/>
setBundle : 페이지 전체에서 사용할 수 있는 번들을 지정한다.
formatNumber : 숫자의 형식을 표현한다.
<fmt:formatNumber pattern="00" value="${hour}" />
*
jquery .trim()
: 공백제거 메소드 (양쪽)
jquery.replace()
: 대체 $(this).val($(this).val().replace(/[' ']{2,}/gi," ")); -> 모든콤마가 사라짐
*
javascript 정규식 문자열!
정규식은 문자열에서 문자 조합에 일치 시키기 위하여 사용되는 패턴이다. 자바스크립트에서 정규식 또한 객체이다. 이 패턴들을 RegExp의 exec메소드와 test메소드, 그리고 String의 match메소드, replace메소드, search메소드, split메소드와 함께 쓰인다.
정규식 리터럴(슬래쉬"/"로 감싸는 패턴)
: 정규식이 상수라면 var re = /ab+c/;
RegExp 객체의 생성자 함수를 호출 - 정규식의 패턴이 변경될 것을 인지하거나 패턴이 예측되지 않을 때 사용자 입력과 같이 다른 출처로 부터 패턴을 가져올 경우
var re = new RegExp("ab+c");
ip 주소 정규식
- 모든 경우의 수를 조건으로 만든다. (192.192.192.192 라면)
192 /.192.192/ .192
var regex1 = new RegExp(/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/);
^: 입력값의 시작
$: 입력값의 끝
?: 0번 혹은 1번 반복(/ap?/는 "apple"과 "and"에 일치)
{n,m}: 최소 n번 최대 m번
정규식 사용하기
exec : 일치하는 문자열을 찾는 RegExp 메소드이다. 정보를 가지고 있는 배열을 반환한다.
test : 일치하는 문자열을 검사하는 RegExp 메소드이다. true 나 false를 반환한다.
match : 일치하는 문자열을 찾는 String메소드이다. 정보를 가지고 있는 배열을 반환하거나 일치하지 않는 부분을 null로 반환한다.
search : 일치하는 문자열을 검사하는 String메소드이다. 일치하는 인덱스를 반환하거나 검색에 실패할 시 -1을 반환한다.
replace : 일치하는 문자열을 찾는 String메소드이다. 일치하는 문자열을 replacement로 대체한다.
split : 정규표현식 or 고정된 문자열로 대상 문자열을 나누어 배열로 반환하는 String 메서드이다.
*
c:out 시 escapeXml
: c:out 태그의 속성
따로 정의 하지 않으면 기본적으로 true값으로 세팅되어 <>&' " 문자들을 본래의 문자값이 아닌 각각 &it .. 등 으로 출력한다
본래의 문자값을 얻기 위해 escapeXml의 값을 false로 정의한다.
<c:out value="${groupUlHtml}" escapeXml="false"/>
*
javascript - appendChild()
: 이 메소드는 한 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막 자식으로 붙인다. 만약 주어진 노드가 이미 문서에 존재하는 노드를 참조하고 있다면 이 메소드는 노드를 현재 위치에서 새로운 위치로 이동시킨다.( 한 노드가 문서상의 두 지점에 동시에 존재할 수 없다는 것을 의미)
Node.appendChild()
*
Response 객체
: 이 객체는 클라이언트로 돌려보낼 객체이다. 이 정보를 분석해서 브라우저는 화면을 출력한다. 일반적으로 Response 객체의 출력 스트림(보통 Writer)을 사용하여 HTML을 작성한다.
: ServletResponse 인터페이스는 바이트출력(ServletOutputStream)과 문자출력(PrintWriter)을 제공한다.
( OutputStream : 무엇이든 무방 / PrintWriter : 문자를 사용하기 위해 만들어짐)
: 헤더에 값을 설정, 추가 가능
- setHeader() : 이미 존재하는 값을 덮어씀
- addHeader() : 값을 하나 더 추가
- sendRedirect() : URL에 상대 경로 사용, 요청에 대한 응답을 누가할지 URL을 정하는것
setHeader("content-type", "text/html") -> setContentType("text/html")
*
class 파일에서 jsp로 alert창 띄우기
: class파일에서 printWriter를 사용해서 alert를 띄운다.
String script = "<html>";
script +="<body></body>";
script +="<script>";
script +="alert('"+msg+"');";
script += "window.close();";
script +="</script>";
script +="</html>";
response.getWriter().write(script);
*
세션의 무효화 (소멸?) - 로그아웃시 사용
request.getSession().invalidate()
'jQuery' 카테고리의 다른 글
| [jQuery] .each(function(index, element){}) (DOM형식) (0) | 2019.01.12 |
|---|---|
| [jQuery] 많이 쓰이는 선택자 정리 (0) | 2019.01.12 |
| jQuery 정리 1 (0) | 2019.01.12 |
| [jQuery] input 태그 타입 패스워드로 변경 (0) | 2019.01.11 |
| [jQuery] .each() (jQuery 반복문) (0) | 2019.01.11 |