전체 글
-
JSP - 포워딩과 리다이렉트 (forwarding, redirect)JSP 2020. 6. 23. 21:33
포워딩과 리다이렉트(forward, redirect) 포워딩(fowarding)과 리다이렉트(redirect)는 jsp에서 다른 페이지로 이동하는 페이지 전환 기능이다. 둘의 가장 큰 차이점은 페이지 이동 방식에 있다. 1. 포워딩(fowarding) 웹 컨테이너(Web Container) 차원에서 페이지 이동만 있는 것이다. 실제로 클라이언트(브라우저)는 다른 페이지로 이동을 했는지를 알 수가 없다. 그렇기 때문에 웹 브라우저에는 최초에 호출한 URL이 표시되며 이동한 페이지의 URL 정보는 볼 수 없다. 또한, 동일한 웹 컨테이너에 있는 페이지로만 이동을 할 수 있다. 포워딩은 클라이언트와 통신없이 서버에서만 처리되는 것이기 때문에 리다이렉트보다 나은 성능을 보여준다. 그리고 현재 실행중인 페이지와 ..
-
JSP - header 정보, 관련 메소드JSP 2020. 6. 23. 21:13
header - 클라이언트(브라우저)의 서버 대상 요청시 전송 정보(패킷) 1. 요청 라인 : 쿼리스트링의 전송방식(POST | Get), URL, 프로토콜 정보 2. 요청 헤더 : 서버로부터 취득하고자 하는 응답 컨텐츠의 마임타입, 클라이언트(브라우저)의 요청 후 상태, 클라이언트(브라우저)의 정보(IE, Chrome, ... 구분정보), 서버 접근 국가-언어 코드, 쿠키와 섹션 정보 3. 요청 본문 : 서버 대상 쿼리스트링 전송방식 POST 시의 쿼리스트링 정보 - 서버의 클라이언트 대상 응답 전송 정보(패킷) 1. 응답 라인 : 프로토콜 정보, 해당 요청의 서버 내 처리시의 상태값과 상태 코드 정보 2. 응답 헤더 : 해당 요청을 처리한 서버 정보, 응답 처리 일시, 응답 컨텐츠의 전체 사이즈, 리..
-
jQuery - .wrapAll()jQuery 2020. 6. 23. 19:55
.wrapAll() - 선택한 요소 모두를 새로운 태그로 감싼다. 문법 .wrapAll( wrappingElement ) 예를 들어 $( 'p' ).wrap( '' ); 예제1 - .wrap() 선택한 요소에 각각 적용된다. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. 즉, 다음처럼 만든다. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. 반면 .wrapAll()은 선택한 요소를 모아서 하나의 태그로 둘러싼다. Lorem ipsum dolor. Lorem ipsum dolor. Lorem ipsum dolor. 즉, 다음처럼 만든다. Lorem ipsum dolor. Lorem ipsum dol..
-
jQuery - .wrap()카테고리 없음 2020. 6. 23. 19:51
.wrap() - 선택한 요소를 원하는 태그로 감싼다. 문법 .wrap( wrappingElement ) 예를 들어 $( 'p' ).wrap( '' ); 는 p 요소를 div로 감싼다. class나 id값을 추가할 수도 있다. $( 'p' ).wrap( '' ); 여러 태그로 감쌀 수도 있다. $( 'p' ).wrap( '' ); 예제 - 클래스의 값이 a인 p 요소를 blockQuote 태그로 감싼다. Lorem ipsum dolor. Hello World! Goodbye World!
-
jQuery - .val()jQuery 2020. 6. 23. 19:49
.val() - 양식(form)의 값을 가져오거나 값을 설정하는 메소드 문법1 .val() 선택한 양식의 값을 가져온다. 예를 들어 var jb = $( 'input#jbInput' ).val(); 문법2 .val( value ) 선택한 양식의 값을 설정한다. 예를 들어 $( 'input#jbInput' ).val( 'ABCDE' ); 는 아이디가 jbInput인 input 요소의 값을 ABCDE로 설정한다. 예제1 - 양식에 텍스트를 입력하고 버튼을 클릭하면 입력한 값을 출력한다. Click 예제2 - select 양식에서 값이 바뀌면, 그 값을 출력한다. One Two Three 예제3 - 버튼을 클릭하면 input의 값을 ABCDE로 설정한다. Click
-
jQuery - .width()jQuery 2020. 6. 23. 19:43
.width() - 선택한 요소의 가로 크기를 반환하거나, 가로 크기를 변경한다 문법1 .width() 선택한 요소의 가로 크기를 반환한다. 예를 들어 var jbVar = $( 'p' ).width(); 는 p 요소의 가로 크기를 변수 jbVar에 저장한다. 문법2 .width( value ) 선택한 요소의 가로 크기를 변경한다. 예를 들어 $( 'h1' ).width( '100px' ); 는 h1 요소의 가로 크기를 100px로 만든다. 예제1 - 선택한 요소의 가로 크기를 출력한다. 가로 크기를 %로 지정해도 반환되는 값의 단위는 px이다. A - 600px B - 50% 예제2 버튼을 클릭하면 요소의 가로 크기가 변한다. To 500px Click To 50% Click
-
jQuery - .toggleClass()jQuery 2020. 6. 23. 19:39
.toggleClass() - 선택한 요소에 클래스(Class)값을 넣었다 뺐다 할 수 있다. 문법 .toggleClass( className ) 예를 들어 $( 'p' ).toggleClass( 'xyz' ); 는, p 요소에 xyz 클래스가 없으면 추가하고, 있으면 제거한다. 예제 - 버튼을 클릭하면 h1 요소에 ab클래스 값이 추가되어 배경색이 생기고, 다시 버튼을 클릭하면 ab 클래스 값이 제거되어 배경식이 사라진다. Click Lorem Ipsum Dolor