ART of WEB ART of WEB

오늘 소개해주고 싶은 js 플러그인은 커스텀 스크롤바를 만들어 주는 'mCustomScrollbar' 이라는 플러그인입니다. 먼저 알려드리자면 제 블로그의 히든영역에 적용되어 있는 스크롤바 입니다. 딱 보셔도 일반 스크롤바와는 많이 틀리시다는 것을 알 수 있습니다. 이 스크롤바는 브라우져가 기본적으로 제공해주는 것을 사용하지 않습니다. js를 뜯어서 대충 둘러보셔도 작동원리에 대한 감은 오는데, 일단 이 커스텀 스크롤바의 작동원리는 이렇습니다. 스크롤바가 생성되는 div의 높이 값을 계산해서 top 의 위치를 조절해 줌으로써 마치 스크롤바와 같은 효과를 얻습니다. 'mCustomScrollbar' 플러그인은 스크립트로 짜여져 있는 커스텀 스크롤바이기 때문에 여러가지 장점이 존재합니다. 일단은 버튼으로 스..

제 블로그에 어느 분이 문의를 하셔서 포스팅으로 답변합니다. (궁금한거 있으면 질문하세요. ㅇㅇ) 다른 글들을 찾아보니 다들 너무 어렵게 작성하셨거나 설명이 충분치 못한거 같아서....... 저는 쉽게 설명하고 만들어 볼렵니다. 세상 사는것도 쉽지 않은데 코딩도 힘들면 쫘증 -_ -a 무튼 이번 팁은 카테고리 리스트를 드롭다운 리스트로 만드는 법입니다. 네, 제 스킨에 현재 적용 되어 있는 부분이죠. HTML태그의 기본적인 것부터 설명할려고 합니다. 사실 이런 것도 만드는 것은 크게 중요하지 않습니다. 더 중요한 것은 기본기(HTML의 사용 방법)이니까요. 더 궁금한 점이 있으면 댓글 달아주세요. ^-^ 현재 티스토리 치환자에서 카테고리 노출 방법을 지정하는 방법은 2가지가 있습니다. [ ##_categ..

구글링을 하던 도중에, 꽤 괜찮은 플로그인을 발견했다. 바로 안의 글 내용이 넘치게 될때에 적절히 잘라내주는 플러그인이다. 이름은 jQuery.dotdotdot. 이걸 사용하면 div안에 내용이 넘치게 되면 어쩌나 하는 불안감을 떨쳐낼 수 있을 듯하다. 거두절미하고 이미지를 봐보자. 그림만 보면 어렵게 설명하지 않아도 이 플러그 인이 무었을 하는 녀석인지는 감이 왔을 것이다. 아래 이미지를 보면 긴 파일명일 경우 가운데 부분을 dot 처리하고 확장자명을 붙여서 보여주는 나름 놀라운(?) 기능도 탑재 되어 있음을 알 수 있다. 아래 사이트로 가면 제이쿼리로 짜여진 플러그인을 다운 받을 수 있다. 유용하게 쓰시길! ^^http://dotdotdot.frebsite.nl/

Map에 들어 있는 데이터를 출력하는 일은 어려운 일이 아니다. 가끔 키값을 어떻게 뽑아와야할지 생각할때가 있는데 그럴 필요 없이 iterator의 hasNext 메소드와 next 메소드를 써줌으로써 끝낼 수 있다. 아래를 참고하자. Set keySet = tileMap.keySet(); Iterator iterator = keySet.iterator(); while (iterator.hasNext()) { String key = iterator.next(); Object value = tileMap.get(key); System.out.printf("key : %s , value : %s %n", key, value); }

네. 안녕하세요! 엑수시아입니다. 오늘은 전에 제 블로그에 "매지구름" 님께서 물어보신 페이지 이동시 로딩바에 관해 설명하려고 합니다. 한마디로 말하자면 약간의 트릭이 들어간 꼼수...... 라고 생각하시면 됩니다. 설명하기에 앞서 "티스토리 블로그 스킨 2개 적용하기."라는 포스팅에서 사용했던 이미지를 하나 가져와야겠군요. (다시 사용하게 될 줄이야...으허허) 위의 그림을 잠시 생각해봅시다. 우리가 구현하고자 하는 로딩바는 1번 시점 부터 4번시점의 사이에 들어가게 됩니다. 즉 서버 호출이 끝나고 HTML 막 호출 되기 시작할 때부터 로드(모든 문서와 DOM 트리가 완성되는 시점 즉, 4번 지점) 할 때까지의 사이를 말합니다. 그럼 본격적으로 로딩바를 달아보도록 하죠. 1단계이미지를 하나 준비합니다...

// 모바일로 String userAgent = (String)request.getHeader("User-Agent"); String[] mobileos = {"iPhone","iPod","Android","BlackBerry","Windows CE", "Nokia","Webos","Opera Mini","SonyEricsson","Opera Mobi","IEMobile"}; int j = -1; if(userAgent != null && !userAgent.equals("")){ for(int i = 0 ; i -1){ out.println(""); out.println(""); out.println(""); out.println(""); out.println(""); } } } 복사하셔서 해보시면 이..

public boolean emailCheck(String email) throws Exception { String EMAIL_REGEX = "^[_a-z0-9-]+(.[_a-z0-9-]+)*@(?:\\w+\\.)+\\w+$"; Boolean b = email.matches(EMAIL_REGEX); return b; } 자바단에서 사용할 수 있는 이메일 정규식 체크 방법입니다. 유용하게 사용하세요~! ^^

제어문 조건제어문, 반복제어문 다중 if 문 특징 (기억) 1.순차조건문 2.트리형구조 3.if else 의 원형을 그대로 따라간다. 다중 if 문 사용_음식주문 프로그램 import java.io.*; public class day05_01 { public static void main(String[] args) throws IOException{ System.out.println("먹고싶은메뉴를 고르세요"); System.out.println("1.짜장, 2.짬뽕, 3.탕수육, 4.팔보채"); System.out.print("메뉴>"); int menu=System.in.read()-48; if(menu==1){ System.out.println("짜장면을 주문하셨습니다."); }else if(men..