본문 바로가기

전체 글67

서브쿼리 concat() 검색 [서브쿼리 concat() 검색] 서브쿼리로 다른 테이블에서 두개의 필드를 합쳐서 가지고 올 경우 2개의 쿼리를 사용할수있다. 예시로 'member'와 'order'테이블이 있다. order테이블에는 mem_idx 가 있는데 이걸 기준으로 member테이블에서 정보를 가지고 와서 검색때 사용하려고 한다. member mem_idx mem_email1 mem_email2 order od_idx mem_idx (1) SELECT * FROM order WHERE (SELECT concat(mem_email1, '@', 'mem_email2) FROM member WHERE mem_idx = 'order'.mem_idx) like ''%{찾을변수}%" (2) SELECT *,(SELECT concat(mem_.. 2018. 3. 5.
jQuery focus/focusout [jQuery focus/focusout] 은근 자주사용하는 패턴인거같다.찾기 버튼에 마우스를 올리면 숨겨진 input영역이 나오고 마우스를 떼면 input 영역이 사라지는.. 하지만 이때 원하지 않는 효과가 하나 발생한다. input에 텍스트를 입력하다가 마우스 커서가 움직일때 그 영역까지 사라져버린다면? 사용자 입장에서는 당황할것... 원하는 효과는 딱 이것이다. 1. 글을 입력하는 동안(input내 커서 활성화)은 마우스를 움직여도 input이 사라지지 않도록2. input이 아닌 다른 영역을 클릭할 경우 input사라지도록 바로 focus와 focusout을 사용하는것이다. $( "input" ).focus(function() { $(this).addClass('focus'); }); $( "in.. 2018. 1. 23.
이미지 항상 수직으로 [이미지 항상 수직으로] img 태그를 수직에 가로로 하고싶은경우가 종종 있다. 테이블을 사용하면 td안에서 자동으로 vertical-align:middle이 적용되는데 그냥 div요소에서는 안된다. 그렇다고 img에 vertical-align:middle을 해도 안먹히는 경우... 다음 요소를 추가하여 사용하면 좋을거같다. 이미지 태그만 쓰는게 아니라 감싸주는 div를 넣고 그안에 span태그를 사용한다. 번거롭긴 하지만... 일단 보여지는게 중요하니 ^^;;; css는 다음과 같이 적용하면 된다. 2017. 11. 10.
input 입력형식 지정 - mask.js [input 입력형식 지정 - mask.js] input에 특수문자 및 한글/영문 제외 ONLY 숫자만 입력하고 싶은경우가 종종? 아니 많이 있다.대표적으로 전화번호 입력폼에 가장 많이 쓰이는데 사용자가 자유롭게 입력할수있게 하는 폼이 있긴 하지만사용자와 개발자한테는 편할지 몰라도홈페이지 관리자 입장에서는 별로 반가운 방법은 아니다. 그전까지는 스크립트를 만들어서 사용했는데 mask.js가 있는걸 알게되었다. 이걸써보니 딱이야 딱. 사용방법 ↓ https://igorescobar.github.io/jQuery-Mask-Plugin/ -- 홈페이지를 들어가서 보기 귀찮으신 분들을 위해 순서 및 예제 정의 -- 1. mask.js를 inlcude한다. (include 하기 위해서는 mask.js를 다운받아야.. 2017. 5. 23.

티스토리툴바