Joslynn의 하루

WAS에 저장하는 기술 : 웹에서 가장 중요한 것은 페이지를 이동할 때마다 데이터의 영속성을 유지하는 기술 - pageContext : 페이지가 유지되는 동안 - request : 연결이 유지되는 동안 - session : 브라우저가 유지되는 동안 - application : 서버가 종료되기 전까지 scope의 크기 pageContext < request < session < application *공통메소드 1) 저장 ~.setAttribute(String name, Object value); 2) 조회 Object value = ~.getAttribute(String name); : name으로 value를 꺼내면 Object로 반환하기 때문에 적절한 DownCasting이 필요함 예외 처리 : 각 ..

JSP 내장 객체 - session : HttpSession : 클라이언트의 정보를 서버측에 저장할때 사용함. : 저장된 정보는 브라우져 창이 시작 해서 종료할때까지 저장정보가 유지됨. (일반적으로 로그인 ~ 로그아웃 ) : 접속된 각각의 클라이언트마다 생성됨. : 기본 세션의 시간은 30분(1800초) * session.setAttribute(String name, Object value); : 세션의 정보를 저장. * Object value = session.getAttribute(String name); : 세션의정보가져오기 * session.setMaxInactiveInterval(int interval); : 세션의 유지되는 시간설정(초단위) * int interval = session.getM..

페이지 이동방식 1) WAS 쪽에서 이동방식 - forward 방식 : 기존의 request, response를 유지하면서 이동하는 방식 : 코딩방식 - 액션태그: - 메소드: request.getRequestDispatcher("주소").forward(request, response); - redirect 방식 : 새롭게 request, response를 생성해서 이동하는 방식 : 코딩방식 - 메소드만 제공 : reponse.sendRedirect("주소"); 2) client 쪽에서 이동방식 : : submit 전송 : location.href = "주소" JSP 내장객체 1. request : javax.servlet.http.HttpServlerRequest : 클라이언트의 요청정보를 서버측에서 ..

JSP 특징 : 서버측에서 실행되어 결과값을 클라이언트 쪽으로 전송되므로 소스가 공개되지 않음. : DB연결기능 : Form으로 넘어오는 데이터를 받아 처리능력이 있음. : JAVA문법으로 100% 적용함. : jsp문서안에서 html, css, javascript 그대로 사용함. : jps문서안에서 를 이용해 JSP문법 코딩. JSP태그 (스크립팅요소) 1. - (스크립트 릿) 2. 3. -> out.println()대신 4. => 문서의 첫줄에 기술. top 메뉴입니다. - top.jsp 오늘은 footer footer.jsp입니다. 주소: 개발자:

trigger 함수 : $(selector).trigger("이벤트 종류"); : selector가 가지고 있는 이벤트를 강제로 호출 trigger 함수 Button #1 Button #2 0 Button #1 clicks. 0 Button #2 clicks. each를 통한 동적 DOM 생성 each를 통한 동적 DOM 생성 DOM 조작 - ADD : preappend, append, before, after 함수 이용 : preappend, append //하위 노드 추가 : before, after // 형제 노드 추가 DOM 조작 - ADD prepend 영역 append 영역 before 영역 after 영역 DOM 조작 - Remove & Empty remove() 와 empty() JavaS..

변수 var, let, const : var는 한 번 선언된 변수를 다시 선언 가능 : var는 선언 전에 사용 가능하지만, let과 const는 불가 **호이스팅: 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동 **Temporal Dead Zone: let과 const는 TDZ 영역에 있어 선언 및 할당 전에 사용 불가 코드를 예측 가능하게 하고, 잠재적 에러를 줄일 수 있음 변수의 생성단계 1. 선언 2. 초기화 3. 할당 : var는 선언과 초기화를 동시에 함 : let은 선언단계와 초기화 단계가 분리 : const는 선언, 초기화, 할당이 동시에 이루어짐 생성자 함수 : 객체 생성해주는 함수 : 첫 글자는 대문자로 작성 : new 연산자로 호출 function User(name, ..

jQuery의 기본 문법 $(selector).속성 == jQuery(selector).속성 $(selector).함수이름() == jQuery(selector).함수이름() **$: jQuery를 뜻함 jQuery 기본 골격 $(document).ready(function(){ //jQuery문법 + javaScript 문법 } : 적게 코딩하고 더 많은 일을 함 : CSS 조작 : Event 처리 : DOM 조작 (생성, 추가, 수정, 삭제 : Effect 효과 : Ajax 비동기화 처리 : 다양한 ui 제공 - jQueryUI jQuery 문법 vs javaScript 문법 -$(selector).val() vs this.value ==> form 요소 접근 -$(selector).text() vs..

setTimeout(), setInterval(), clearTimeout() setTimeout(), clearTimeout() 예제 setTimeout, clearTimeout 멈춰! setInterval(), clearInterval() 예제 setInterval, clearInterval 멈춰! 폼(form) 요소 접근방법 : window.document.폼이름.input박스이름.속성 : window.document.폼이름.input박스이름.함수이름() : ** window 생략가능(javaScript 객체 중 최고 조상) **주의사항 1. 폼 요소에 값 넣기 : value 속성 이용 2. 폼 요소가 아닌 태그에 값 넣기 (ex) span, div, h1~h6, a, td... : innerHTM..