본문 바로가기

전체보기

[JSP] JSP(JavaServer Pages) 정리 2020. 9. 29. JSP 페이지 웹 어플리케이션을 구현할 때 작성하는 코드를 JSP 페이지라고 하며 HTML문서 사이에 JSP문법의 코드가 삽입되는 형태로 작성된다. JSP 페이지에 있는 HTML 코드는 웹 브라우저로 그대로 전송되고, JSP 문법의 코드는 웹 컨테이너 쪽에서 실행되고 결과만 웹 브라우저로 전송된다. JSP 문법 1. 로 끝나는 형태 지시자(directive) : , 웹 컨테이너가 JSP 페이지를 서블릿 클래스로 변환할 때 필요한 정보 기술 선언부(declaration) : , 변수 선언이나 메서드 선언을 쓸 수 있다. 스크립틀릿(scriptlet) : , 자바 명령문이 들어갈 수 있다. 익스프레션(expression) : , 자바 식이 들어가고 상수나 변수로 구성될 수 있으며, 연산자를 포함한 식이 될 ..
[Servlet] 서블릿 동작 원리와 라이프 사이클 2020. 9. 28. 서블릿 프로그램의 작성 1.모든 서블릿의 접근 지정자는 항상 public이어야 한다. 2.서블릿은 javax.servlet.http 패키지에서 제공하는 서블릿 클래스를 상속받아 구현한다. public class HelloServlet extends HttpServlet { 3.클라이언트 요청 방식은 GET방식과 POST방식 2가지로 제공된다. GET 방식 : 주소 창을 타고 넘어가기 때문에 보안이 되지 않음. 255자 이하의 소용량의 데이터 전송 POST 방식 : HTML header를 타고 넘어가기 때문에 보안이 됨. 255자 이상의 대용량의 데이터를 전송 GET방식으로 요청하면 doGet 메서드가 호출되고 POST 방식으로 요청하면 doPOST 메서드가 호출된다. -> GET방식 요청, doGet 메..
[jQuery] Ajax & Ajax 메서드 2020. 9. 21. Ajax (Asynchronous JavaScript and XML) Ajax는 비동기 방식으로 서버에 신호를 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있도록 한다. Ajax를 통해 서버와 클라이언트 간 JSON, TEXT, HTML, XML 등 정보를 화면 전환 없이 교환할 수 있어 사용자가 기다릴 필요없이 다른 작업을 바로 수행할 수 있다. ex) 커뮤니티 댓글처리, 검색엔진 자동완성 등.. Ajax 관련 메서드 종류 설명 load() 외부 컨텐츠를 가져올 때 사용 $.ajax() 데이터를 서버에 HTTP POST, GET 방식으로 전송, HTML, XML, JSON, TEXT 유형에 데이터를 요청할 수 있는 통합적인 메서드, $.post(), $.get(), $.getJSON() 메서..
[jQuery] 애니메이션 & 효과 메서드 2020. 9. 16. 효과 메서드 효과 메서드는 선택한 요소를 역동적으로 숨겼다가 보이게 만드는 기능이 있다. 종류 설명 hide() 요소를 숨긴다. fadeOut() 요소가 점점 투명해지면서 사라진다. sildeUp() 요소가 위로 접히며 숨겨진다. show() 숨겨진 요소가 노출된다. fadeIn() 숨겨진 요소가 점점 선명해진다. slideDown() 숨겨진 요소가 아래로 펼쳐진다. toggle() hide() , show() 효과를 적용 fadeToggle() fadeIn() , fadeOut() 효과를 적용 slideToggle() slideIn(), slideOut() 효과를 적용 fadeTo() 지정한 투명도를 적용 메서드 기본형 $("요소 선택").효과 메서드(효과 소요시간, 가속도(투명도), 콜백함수); 효과..
[jQuery] 그룹 이벤트 등록 및 삭제 2020. 9. 15. 그룹 이벤트 등록 메서드 그룹 이벤트 등록 메서드를 사용하면 한 번에 2개 이상의 이벤트를 등록할 수 있다. on() on() 메서드는 '라이브 이벤트 등록 방식'을 사용하여 동적으로 생성된 요소(새롭게 생성, 복제)에도 이벤트를 등록할 수 있다. $([document] | "이벤트 대상의 상위 요소"]).on("이벤트 종류", "이벤트 대상 선택" , function() { 자바스크립트 코드; }); delegate() / one() delegate() 이벤트 등록 메서드는 선택한 요소의 하위 요소에 이벤트를 등록한다. 이벤트를 등록한 이후 동적으로 생성된 요소와 복제된 요소에도 이벤트를 등록한다. one() 이벤트 등록 메서드는 이벤트가 1회 발생하면 자동으로 등록된 이벤트가 제거된다. '라이브 이벤..
[jQuery] 포커스 이벤트 , 키보드 이벤트 , change() 2020. 9. 14. focus() / blur() / focusin() / focusout() focus() 이벤트 메서드는 대상 요소로 포커스가 이동하면 이벤트 발생 blur() 이벤트 메서드는 포커스가 대상 요소에서 다른 요소로 이동하면 이벤트 발생 focusin() 이벤트 메서드는 대상 요소의 하위 요소 중 입력 요소로 포커스가 이동하면 이벤트 발생 focusout() 이벤트 메서드는 대상 요소의 하위 요소 중 입력 요소에서 외부 요소로 이동하면 이벤트 발생 1. focus $("이벤트 대상 선택").focus(function() { 자바스크립트 코드; }); $("이벤트 대상 선택").on("focus" , function() { 자바스크립트 코드; }); 2. blur $("이벤트 대상 선택").blur(funct..
[jQuery] 제이쿼리 마우스 이벤트 2020. 9. 11. 마우스 이벤트 사용자가 마우스를 이용해서 취하는 모든 행위 click() / dbclick() $("이벤트 대상 선택").click(function() { 자바스크립트 코드; }); $("이벤트 대상 선택").on("click" , function() { 자바스크립트 코드; }); $("이벤트 대상 선택").dblclick(function() { 자바스크립트 코드; }); $("이벤트 대상 선택").on("dblclick" , function() { 자바스크립트 코드; }); , 태그에 클릭 이벤트 적용 시 기본 이벤트 차단 요소에 click, dblclick 등록 시 클릭할 떄마다 에 링크된 주소로 이동하는 문제 발생 요소의 submit도 action에 등록된 주소로 이동시키는 문제 발생 1. retu..
[jQuery] 제이쿼리 이벤트 등록, 제거 2020. 9. 10. 이벤트(event) 이벤트는 사이트 방문자가 취하는 모든 행위를 말하고, 이벤트가 발생했을 떄 이벤트 핸들러의 코드가 실행된다. $("#btn").click(function(){ 자바스크립트 코드; }); $("#btn") -> 이벤트 대상 click() -> 이벤트 등록 메서드 function() { 자바스크립트 코드; } -> 이벤트 핸들러 단독 이벤트 등록 메서드 대상에 한 가지 동작에 대한 이벤트만을 등록 $("이벤트 대상 선택").이벤트 등록 메서드(function(){ 자바스크립트 코드; }); 그룹 이벤트 등록 메서드 대상에 한 가지 동작 이상의 이벤트를 등록 on() 메서드를 사용한다. 1. on 메서드 등록 1 $("이벤트 대상 선택").on("이벤트 종류1 이벤트 종류2 .... , f..

티스토리툴바