Jun's TID

페이지가 로드된 이후, 최초 한번만 실행하고 사라지는 이벤트를 만들기 위해 사용되며, 다음과 같이 사용한다.

hover() 메서드는 hover(함수1, 함수2)와 같이 사용하여, mouseover일 때 함수1, out일 때 함수2를 번갈아 가며 사용할 수 있게 해주는 메서드이다. 제목 ASP.NET ASP.NET

toggle() 메서드는 두 가지 함수를 반복해서 수행할 수 있게끔 해주는 메서드이다. (on/off 기능) 메서드는 다음과 같이 사용한다. 버튼을 클릭할 때마다 레이어 보이기/숨기기 안녕 위와 같이 스타일만 add, remove하는 방식의 경우는 toggleClass를 사용해도 무방하다. 버튼을 클릭할 때마다 레이어 보이기/숨기기 안녕

요소 선택자가 배열 형태인 경우, slice() 메서드를 이용하여 끊어 해당 객체들을 조작할 수 있다. 2번째와 3번째 버튼에만 빨간 글씨 적용

jQuery는 기본적으로 공통 요소들에서 특정 요소를 거를 수 있는 filter() 메서드를 가지고 있다. filter() 메서드는 기본적으로 다음과 같이 사용한다. $('요소 선택').filter('조건') 예제는 img 태그의 속성에 따라 filtering하는 코드이다.

jQuery는 특정 객체에 미리 지정한 클래스를 원하는 타이밍에 추가하거나 지워서 css를 변경할 수 있다. 1. addClass()은 다음과 같이 사용할 수 있다. $(element).addClass('클래스명'); .red { color: red; } Test addClass $('span').addClass('red'); 2. removeClass()도 동일하게 사용 가능하다. $(Element).removeClass('클래스명'); Test removeClass Test removeClass 3. 추가로, hasClass()를 사용하여 해당 객체가 지정 클래스를 가지고 있는지 아닌지 boolean 값으로 받을 수 있다. $(Element).hasClass('클래스명');

jQuery는 javaScript로 만들어진 라이브러리 중 하나로, 동적인 웹 프로젝트를 만들 때 아주 유용하게 쓰인다. jQuery에 대하여 알아보는 첫번째 포스팅이니, css와 같이 선택자부터 차근차근 나가보자. 원래는 수업 중 사용한 예제 코드와 개념을 재정리하여 포스팅하려고 했으나, 구글링 중 선택자를 정말 깔끔하게 정리해놓으신 블로그가 있어서 그대로 가져왔다. 출처: https://gangzzang.tistory.com/entry/제이쿼리jQuery-선택자 1. 기본 선택자 - $('h1').css('color', 'red'); - ('h1') 선택자와, css('color', 'red') 메서드 - 문서 객체를 다룰 때 사용하는 형태 - CSS 선택자와 유사 1.1. 전체 선택자 (Wildca..

저번 포스팅에서 multipart/form-data를 form 태그에 사용하여 DB에 파일을 저장하는 방법을 이야기했었다면, 이번 포스팅에서는 DB에 저장된 파일 이름과 경로를 가지고 사용자가 태그를 클릭했을 때, 해당 파일을 다운로드할 수 있게끔 해주는 방법을 작성해보도록 하겠다. 우선 DB는 file객체의 이름과 절대 경로를 가지고 있고, 첨부파일을 가지고 있는 페이지로 넘어오는 과정에서 controller가 이미 fileName과 경로를 response했다고 가정한다. (파일의 절대 경로는 어차피 사용하지 않지만, 혹시 몰라서...) 다음으로 파일의 경로는 프로젝트의 WebContent/files 내에 있다. 우선 다음과 같이 태그를 작성했다. 첨부파일: ${requestScope.dto.getFi..

직전에 포스팅한 Action 객체를 이용하여 프로젝트를 구성하는 MVC패턴을 사용한 예제이다. 예제 프로젝트는 게시글을 등록할 때, 비밀번호를 같이 기입하고, 해당 비밀번호를 기억하고 있어야만 게시글의 수정과 삭제가 가능한 간단한 게시판을 구현한다. 완성 페이지의 모습은 이와 같다. 프로젝트는 다음과 같이 구성된다. 1. request로 command 값을 받아서 어떤 기능을 처리할 지 판단하는 Controller 1) 요청을 받은 1개의 유일한 Servlet 2) 요청받은 command를 확인하고, 이에 따른 기능 객체를 생성하는 Factory 2. 실질적인 기능을 수행하는 일반 Class 집합, Actions 1) request, response 인자를 받는 execute 메서드를 구현한 Action..

굉장히 오랜만에 포스팅을 하는 거 같다. 세미프로젝트를 준비하느라 바쁘기도 했고, 정신적으로도 좀 많이 힘들어서 여유가 생기질 않았다. 아무튼, 이번 포스팅은 MVC 패턴에 대한 포스팅이다. 그 동안 나는 MVC 패턴이 JSP => Servlet => DAO or DTO(VO) 순으로 request에 따라 실행되는 것으로만 알고, 프로젝트도 이러한 기법으로 진행하고 있었지만, 실은 그게 아니었다... 정확히는 위 과정이 맞긴하나, 이렇게 프로젝트를 구성하다보면 이와 같이 Controller가 미쳐 날뛰는 경우가 생긴다...(이런 관점에선 이 프로젝트는 이미 글러먹었다...ㅎ) 이 경우는 Servlet이 너무 많아서 애초에 코딩을 하기가 좀 빡세기 때문에 Servlet을 나누는 것이 아닌, Action이라..