줄없는 연습장

input 태그에 값을 입력하고 전송 버튼을 눌렀을 때 체크하는 것이 아니라, 입력하는 중에 실시간으로 사용자가 값을 맞게 입력했는지 표시해주기 위한 소스다. 원래는 몇 개만 적용하려고 각각에 맞는 스크립트를 코딩했으나, 이걸 프로젝트 전체 인풋값에 적용하는 것으로 지시가 떨어져서..ㄷㄷ;;; 공통 함수가 필요하게 됐다. 그래서 짠 로직이 아래 소스... HTML CSS .redText{display: block;color: red;margin-left:10px;} .greenText{display: block;color: green;margin-left:10px;} Javascript는 파일로 첨부한다. 여기에 올리려고 하니, 반복문에서 깨져서 소스가 어그러진다. >코딩 후기 : 자바스크립트 함수명이 ..

보통 로그인을 할 때 보면 아이디를 입력하는 칸 오른쪽에 id저장하기 체크박스가 있는 것을 볼 수 있다. 체크를 하면 다음에 그 페이지를 열었을 때, 다시 입력하지 않아도 저장된 아이디가 입력되어있다. 아래 소스는 그것을 구현한 것인데.. 세션이 아닌 쿠키를 사용한 이유는 브라우저를 닫고 다시 열었을 때에도 ID가 남아있게 하기 위해서였다. 자바단에서 처리해야 할지 화면단에서 처리해야 할지 고민이 조금 있었지만, 가벼운 소스를 굳이 자바단에 태울 필요가 있을까 싶기도 하고, 어떤 것은 자바단에 어떤 것은 화면단에 넣는 것도 유지보수할 때 번거로울 것 같아서.. 그냥 자바스크립트로 다 화면단에서 해주기로 했다. id를 입력받는 input text 태그와 그 옆에 id 저장하기 input checkbox를 ..

체크박스를 체크 시, 어떤 이벤트를 발생시키고 싶을 때. 뭔가 특별한 이벤트가 있을 줄 알고 찾아봤는데, 그런 건 없었다. 그냥 이렇게 해볼까?하고 해봤는데, 되네. change 이벤트 안에 체크여부 확인하는 조건문을 넣어서 간단하게 만들었음. 까먹을까봐 여기에 적어둔다. $(document).ready(function(){ $("#checkBoxId").change(function(){ if($("#checkBoxId").is(":checked")){ alert("체크박스 체크했음!"); }else{ alert("체크박스 체크 해제!"); } }); }); jQuery는 쓰면 쓸수록 맘에 든다.

자동가입을 방지하는 문자열 입력을 구현할 때, 보통 많이 사용하는 것이 simplecaptcha와 jcaptcha 라이브러리다. 여기선 simplecaptcha를 이용해서 구현하는 방법을 살펴보겠다. ↓참고한 곳 - http://simplecaptcha.sourceforge.net - http://winflahed.tistory.com/132 - https://github.com/ndkhoiits/Simplecaptcha/blob/master/src/main/java/nl/captcha/servlet/CaptchaServletUtil.java 먼저 필요한 jar파일을 다운로드 받아서 빌드패스에 추가해준다. jj-simplecaptcha.jar, jj-imaging.jar 이 두 개가 필요하다. 빌드패스를..

잊을까봐 써놓는다 ㅡㅡ; 간단하게 input 값들을 문자열, 배열로 한꺼번에 넘기는 예제다. 먼저 HTML에서는.. 이렇게 해주고, javascript단에서 데이터를 불러와서 ajax로 넘긴다,, function ajaxExample(){ // 사용자 ID를 갖고 온다. var userId = $("#userId").val(); // name이 같은 체크박스의 값들을 배열에 담는다. var checkboxValues = []; $("input[name='hobby']:checked").each(function(i) { checkboxValues.push($(this).val()); }); // 사용자 ID(문자열)와 체크박스 값들(배열)을 name/value 형태로 담는다. var allData = { ..

List에 있는 값들을 콤마를 붙여서 스트링으로 만들어야하는 일이 생겼는데, 날코딩하려다가 StringUtils에 아주 간편한 메서드가 있는 걸 발견했다. (옛날에 해본 것 같기도 한데... 기억이 나지 않았던 걸지도..) jar 다운로드☞ http://commons.apache.org/proper/commons-lang/download_lang.cgi API ☞ https://commons.apache.org/proper/commons-lang/javadocs/api-2.6/org/apache/commons/lang/StringUtils.html List list = new ArrayList(); list.add("축구"); list.add("야구"); list.add("농구"); String sepe..

java 1.4 이상 버전에 있는 crypto를 이용해서 한다. Base64로 인코딩 하는 부분은 apache commons-codec 라이브러리를 사용했다. 다운로드 ☞ http://commons.apache.org/proper/commons-codec/download_codec.cgi 참고한 사이트 ☞ https://gist.github.com/ishikawa/88599 아래 코드를 보고 눈치챈 사람도 있겠지만,, crypto를 이용해 다른 알고리즘으로 암호화/복호화도 가능하다. 자세히 알고 싶다면 ☞ http://docs.oracle.com/javase/7/docs/technotes/guides/security/StandardNames.html#KeyGenerator import java.secur..