Full Stack Web Developer.
Syaku (샤쿠)

Java, JS (ES6+), Spring, Spring security, jQuery, Reactjs, Bootstrap.

        

07-12 09:23


Spring Boot 2 보기 Front-end 보기 DevOps 보기 Spring 3 보기 Spring Security 3 보기

jQuery Action : JavaScript

written by Seok Kyun. Choi. 최석균

 jQuery Action

※ 언어 : JavaScript
※ 필수 라이브러리 : jQuery 1.3.2 이상
※ License : GNU Lesser General Public License

※ Project Home : http://code.google.com/p/jquery-action
※ SVN : http://jquery-action.googlecode.com/svn/trunk/action
※ Download : http://code.google.com/p/jquery-action/downloads/list

※ Demo : http://jquery-action.googlecode.com/svn/trunk/action/demo.html
※ Document : https://docs.google.com/Doc?docid=0AWNiF48pXz7hZGZrN3hwejRfMTlrd2ttczVkYw&hl=ko

jQuery Action (액션) 은 주기적으로 자주 사용되는 자바스크립트 함수들을 모아 쉽게 재사용할 수 있는 라이브러리화한 자바스크립트 프로그램입니다.
2008년 처음 자바스크립트 언어로 개발하였고, 2.0 버전부터 jQuery 라이브러리를 사용하여 재개발하였습니다.
원래 의도는 HTML 의 폼 데이터(input value)를 서버로 전송하기 전에 해야할 일련의 작업들을 모아 간편하게 재사용하기 위한 라이브러리였습니다.
현재는 기존 의도에서 더 확장되어, 다양한 형태의 UI 나 도구를 포함하고 있습니다.

액션은 jQuery 에 의존하므로 jQuery 1.3.2 이상 라이브러리가 필요하며, 이하버전에서도 가능하나 보장할 수 없습니다.

# 개발자 : 최석균. Seok Kyun. Choi. (Syaku)
# 개발자 블로그 : http://syaku.tistory.com
# jQuery Action Post : http://syaku.tistory.com/164

* jaAction 은 다음과 같은 기능을 제공합니다.

1. 폼 데이터 전송
   1) 폼 속성을 제어합니다. <form id='' 속성들~ >
   2) 폼 내부의 입력 엘리먼트의 값을 제어합니다. <input value='제어값' />
   3) 전송과정이 취소 될 경우 제어된 데이터를 롤백합니다.  전송 전 : <input value='1' /> jaAciton 실행 후 <input value='2' /> jaAction 실행 취소 <input value='1' />
   4) submit 와 ajax 방식을 지원합니다. 단 파일 데이터 전송은 지원하지 않습니다.
   5) 액션 시작 전 , 데이터 전송 전 , 데이터 전송후 그리고 $.ajax

2. 유효성 검사
  1) 서버로 전송되기 전에 올바른 값인지를 검사합니다. jaFilter 메소드 참조
  2) input radio select 엘리먼트의 값을 검사합니다.
  3) 빈값 , 글자수 , 두 엘리먼트 값 비교 , 선택 수 검사합니다.
  4) 정규화식을 이용하여 대한민국주민등록번호 , 우편번호 , 연락처 , 메일 , url 등등 검사하며, 정규화식을 이용하여 필요한 필터를 생성(확장)할 수 있습니다.

3. 국제화 메세지 출력
  1) 유효성 검사에 맞는 메세지를 완성하여 출력합니다.
  2) 서버에 전송 전에 전송할 건지에 관하여 질문 메세지를 출력할 수 있습니다.
  3) 자바스크립트 및 xml 데이터를 별도로 이용하기에 명명규칙에 맞취 국제화할 수 있습니다.

* 그외 기능
1. jaPageNavigator : 목록 게시판 하단에 위치하는 페이지 네이비게이션 (페이지 이동 링크) 를 쉽게 구현하며, 기존 디자인 그대로를 가져다가 사용할 수 있습니다.
2. monthpick : 년월을 선택할 수 있는 ui 입니다.
3. jaLayer : 아이프레임을 이용하여 특정 페이지를 레이어로 출력합니다. 현재는 기능이 간소하여 Core 메서드에 내포되지만 기능이 확장되면 분리할 생각입니다.

자세한 정보는 프로젝트 홈이나 도움말을 참조하세요.
  • Thawte at 2011.12.15 14:59

    같은 훌륭한 게시물을 가져 주셔서 감사합니다. 그것은 분명히 내 일했다. 그것은 블로그에 기대 영광입니다. 뛰어난 아이디어와 가치있는 입력 난 항상 최종에서 최선을 다하겠습니다 무엇입니까. 확실히 모든 독자들은이 매우 도움이 더 렸다 돌아올 거예요입니다.

댓글 남기기
◀ PREV 1···891011121314 NEXT ▶