Dev Blog

스크립트 & 소스코드 공유

실무에서 유용하게 쓰는 스크립트와 코드 조각을 블로그 게시판으로 저장하고 공유합니다.

108건의 글

PHP에서 파일 확장자 추출하는 5가지 방법

PHP에서 파일명으로부터 확장자를 얻는 5가지 방법을 예제와 함께 비교 정리했다. strrchr 함수로 마지막 점 이후를 잘라내는 방법, strrpos와 substr 조합, explode와 end 조합, preg_replace 정규식, pathinfo 함수를 각각 사용하는 코드를 소개하고, 상황에 맞는 방법을 선택해 활용할 수 있다.

$filename = "mypage.asp";
//1 使用strrchr函数求得
$ext = substr(strrchr($filename, '.'), 1);
echo$ext;

//2 使用strrpos和substr
$ext = substr($filename, strrpos($filename, '.') + 1);
echo$ext;

//3 使用expload 和 end
$ext = end(explode('.', $filename));
echo$ext;

//4 使用 preg_replace 带正则表达式
$ext = preg_replace('/^.*\.([^.]+)$/D', '$1', $filename);
echo$ext;

//5 使用pathinfo
$fileinfo = pathinfo($filename);
$ext = $fileinfo['extension'];
echo$ext;

jQuery 이미지 확대 플러그인 ckshow_Img 1.6 사용법

jQuery 기반 이미지 확대 플러그인 ckshow_Img 1.6의 사용법이다. img 태그에 기본 이미지 경로(src)와 확대 이미지 경로(osrc)를 지정하고 class를 ckshow_Img로 설정하면, 마우스를 올렸을 때 확대 이미지가 크게 표시되는 방식으로 동작한다. 예제 이미지와 적용 방법이 함께 정리되어 있다.

<img src="图片路径" osrc="放大图片路径" class="ckshow_Img">

모바일 웹페이지에서 USEMAP 좌표 오류 해결하기 (rwdImageMaps)

모바일 웹에서 이미지가 퍼센트로 크기가 변하면서 USEMAP 좌표가 어긋나는 문제를 jQuery 플러그인 rwdImageMaps로 해결하는 방법을 소개한다. jquery와 rwdImageMaps 스크립트를 로드한 뒤 img[usemap] 요소에 rwdImageMaps()를 적용하면 화면 크기가 바뀌어도 클릭 영역이 이미지와 정확히 일치하도록 자동으로 좌표가 보정된다.

因为手机网页中图片大多数使用百分比显示

所以USEMAP的坐标错位

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script>
<script>
(function($){
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
})(jQuery);
</script>

Javascript·PHP에서 자주 쓰이는 정규표현식 모음

아래는 Javascript 나 PHP에서 자주 사용되는 정규표현식이다.
물론, 예시일 뿐 정규표현식을 예시에 의존하여 사용하다 보면 정작 급하게 필요할 때 낭패보는 경우가 있으니 어렵더라도기본적인 정규식은 알아두고 사용할 것을 권한다.

★ 숫자만 가능 : [ 0 ~ 9 ] 주의 : 띄어쓰기 불가능
/^[0-9]+$/

★ 이메일 형식만 가능 : [ [email protected] ]
/^([\w-]+(?:.[\w-]+))@((?:[\w-]+.)\w[\w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/

★ 한글만 가능 : [ 가나다라 ... ] 주의 : ㄱㄴㄷ... 형식으로는 입력 불가능 , 띄어쓰기 불가능
/^[가-힣]+$/

★ 한글,띄어쓰기만 가능 : [ 가나다라 ... ] 주의 : ㄱㄴㄷ... 형식으로는 입력 불가능 , 띄어쓰기 가능
/^[가-힣\s]+$/

★ 영문만 가능 :
/^[a-zA-Z]+$/

★ 영문,띄어쓰기만 가능
/^[a-zA-Z\s]+$/

★ 전화번호 형태 : 전화번호 형태 000-0000-0000 만 받는다. ]
/^[0-9]{2,3}-[0-9]{3,4}-[0-9]{4}$/

★ 도메인 형태, http:// https:// 포함안해도 되고 해도 되고
/^(((http(s?))\:\/\/)?)([0-9a-zA-Z-]+.)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?$/

★ 도메인 형태, http:// https:// 꼭 포함
/^((http(s?))\:\/\/)([0-9a-zA-Z-]+.)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?$/

★ 도메인 형태, http:// https:// 포함하면 안됨
/^^((http(s?))\:\/\/)+[a-zA-Z]{2,6}(\:[0-9]+)?(\/\S*)?$/

★ 한글과 영문만 가능
/^[가-힣a-zA-Z]+$/;

★ 숫자,알파벳만 가능
/^[a-zA-Z0-9]+$/;

★ 주민번호, -까지 포함된 문자열로 검색
/^(?:[0-9]{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[1,2][0-9]|3[0,1]))-[1-4][0-9]{6}$/

Jquery 에서는 $.test() 메서드로,
PHP 에서는 preg_match() 함수로 사용하면 되겠다.

HTML accesskey 속성으로 단축키 지정하기

accesskey 속성은 마우스 등을 쓰지 않는 환경을 위해 링크나 입력 폼에서 키보드의 키 입력만으로 동작을 실행할 수 있도록 accesskey 속성값에 access 할 영어 또는 숫자 한문자를 지정하여 단축키를 설정한다.

사용법은 다음과 같다.

<input type="text" name="search" id="search" title="검색어입력" accesskey="S">

쉽게 접근하기위한 단축키로 보면된다.

accesskey의 실행 방법은 사용자의 OS와 브라우저에 따라 다르다. 특히, 다른 브라우저와는 다르게 IE(인터넷 익스플로러)에서는 <a> 태그에 지정된 accesskey를 실행하면 지정된 링크가 실행되는 것이 아니라, <a> 태그로 포커스가 이동된다. 이때 Enter를 눌러야 지정된 링크가 실행된다.

IE(인터넷 익스플로러에서는 예약어(F, E, V, A, T, H)는 사용 할 수 없다.

여기서 브라우져와 충돌이 일어날수 있기에 권장 접근키가 있다.

영문키의 경우 C, J, K, L, M. O, P, Q, R, S, U, X, Y

숫자키의 경우 1,2,3,4,5,6,7,8,9,0

기타로는 ' - [ ] ; ' , . /

* 브라우저별 accesskey 실행 방법

  1. Window IE 6/7/8/9 : Alt + accesskey -> 포커스 이동(또는 서브밋)
  2. Window Firefox 3 : Alt + Shift + accesskey -> 실행(또는 +엔터)
  3. Window Safari 5 : Alt + accesskey -> 실행
  4. Window Chrome : Alt + accesskey -> 실행
  5. Window Opera 10 : Shift + Esc + accesskey -> 실행


Let's create something great together.

프로젝트 문의 및 견적 요청은 언제든 환영합니다.