본문 바로가기

은비냥's Development

정규식 작성 http://blog.naver.com/findaday?Redirect=Log&logNo=109988324 일반 전화번호 정규식 /^\d{2,3}-\d{3,4}-\d{4}$/; 아이디나 비밀번호 정규식 /^[a-z0-9_]{4,20}$/; 핸드폰번호 정규식 /^\d{3}-\d{3,4}-\d{4}$/; var regExp = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/; if ( !regExp.test( document.frm.hp.value ) ) { alert("잘못된 휴대폰 번호입니다. 숫자, - 를 포함한 숫자만 입력하세요."); return false } 이메일 체크 정규식 /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z.. 더보기
정규표현식 문법 정리 http://blog.naver.com/websearch?Redirect=Log&logNo=70154047271 1. 기본 메타 문자 . => 모든 문자와 일치 | => 왼쪽 혹은 오른쪽과 일치 ( or ) [] => 문자 집합 구성원 중 하나와 일치 [^] => 문자 집합 구성원을 제외하고 일치 - => 범위 정의 ( [A-Z] 와 같은 형태 ) \ => 다음에 오는 문자는 이스케이프 2. 수량자 * => 문자가 없는 경우나 하나 이상 연속되는 문자 찾기 *? => 게으른 * 문자 + => 문자 하나 이상 찾기 +? => 게으른 + 문자 ? => 문자가 없거나 하나의 문자 찾기 {n} => 정확히 요소와 n 번 일치 {m,n} => 요소와 m ~ n 번 일치 {n,} => 요소와 n 번 이상 일치 {n.. 더보기
data 속성 data-속성 data-role 페이지에서 해당 ui가 지닌 역할을 명시. page,list,brn등 data-theme ui의 테마 지정 a~e data-divider theme 리스트의 divider 테마 지정 a~e data-count-theme 리스트의 count 테마 지정 a~e data-split-theme split btn 리스트의 버튼 테마 지정 a~e data-track-theme 슬라이더의 트랙 테마 지정 a~e data-fullscreen 콘테츠 영역을 풀 스크린 모드로 전환 true,false data-position 컨트롤의 위치 고정여부 지정 inline,fixed data-transition 화면전환 애니메이션 효과 지정 slide,flip,pop data-icon 컨트롤의 아.. 더보기
font-family 각각의 font-family는 일반적인 특성을 공유하는 폰트의 집합체를 담고 있다. font-family는 산세리프(sans-serif), 세리프(serif), 모노스페이스(monospace), 흘림체(cursive), 판타지(fantasy) 총 5개가 존재한다. 1. Sans-serif family : 세리프가 없는 폰트를 포함하고 있다. Verdana, Arial Black, Trebuchet MS, Arial, Geneva 2. Serif family : 신문에서 흔히 볼 수 있는 폰트 이다. Times, Times New Roman, Georgia 3. Monospace family : 일정한 폭의 문자를 가진 폰트로 구성 Courier, Courier New, Andale Mono 4. Curs.. 더보기
font-weight 속성 font-weight 글꼴의 굵기를 설정하는 속성 1. font-weight의 정의 설명 값 normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 초기값 normal 적용 모든 요소 상속 가능 백분율 사용 불가능 미디어 visible 2. 값 설명 값 범위 설명 100 - 900 수치가 높을수록 굵은 글꼴 normal 400과 같음 bold 700과 같음 bolder '900'과 같으나 글꼴에 의존하므로, 보통 '700'으로 표현된다 lighter '100'과 같으나 글꼴에 의존하므로, 보통 '400'으로 표현된다. inherit 부모 요소의 값을 상속하도록 지정 3. 예제 P { fo.. 더보기
[반응형 웹] - CSS3 @media 쿼리를 이용 스크린 크기 대응.(2) 반응형 웹(Responsive Web)개발하기 - 1. CSS3 @media 쿼리를 이용해 스크린 크기 대응하기 글을 포스팅하고 다음과 같은 트윗을 보았다. Dongsu Jang@iolothebard 요즘 유행(?)하는 반응형웹의 기반이 되는 미디어쿼리... 물리적인 화면 크기(인치)를 고려하지 않은 해상도(픽셀)만으로 뭘 구분하지? 1280x800의 해상도를 가진 스마트폰에 데스크탑웹 보여줘도 됨? 8 Oct 12 Reply Retweet Favorite 이전글 포스팅후 장동수(@iolothebard) 님(KTH의 앱스프레소 초기 개발자로 존경하는 개발자 중에 한분입니다.)께서 올리신 이 트윗을 보고 코드를 다시 확인해보니, 확실히 이 말을 이해할 수 있을것 같아서 다시 자료를 찾아보고 수정을 했습니다.. 더보기
[반응형 웹] - CSS3 @media 쿼리를 이용 스크린 크기 대응.(1) 웹 기술은 시간이 지나면서 점점 발전의 가속도가 빨라지고 있다. HTML5와 CSS3의 등장으로 단순하게 정보를 표현하던 정적인 웹을 사용자에게 효과적이고 고급스럽게 비정적인 데이터를 표현을 할 수 있게 해주는 환경을 제공할 수 있게 되었다. PC에서 브라우저로 속에서 표현되던 웹은 디바이스의 발전과 통신망의 발달로 모바일이나 타블릿 등 다양한 디바이스의 브라우저 속에서 표현하는 시대가 도래되었다. 이러한 결과로 사용자들은 더이상 PC에서 보던 브라우저속의 웹 환경을 원하지 않게 되었다. 모바일에 최적된 웹, 태블릿에 최적화 된 웹을 원하게 되었고 서비스 제공자들은 디바이스에 맞는 웹을 개발하기 시작한다. 그래서 서비스 제공자들은 디바이스에 맞는 웹 서비스를 제공하기 위해서, 각각 디바이스에 표현할 수 .. 더보기
[MySQL] MAX() 함수 사용하기 MAX() : 지정한 열에서 가장 큰 값 리턴. - 열의 이름은 항상 지정해야한다. [ 결과 ] Tip) 최대 값 보다 1 큰 값을 구하려면 SELECT MAX(sort) as max_sort FROM prod_class; max_sort : 90 이 리턴. 더보기
[MySQL] SUBSTRING(),CONCAT(),LOCATE() 함수 사용하기 - SUBSTRING() : 문자열의 지정 위치부터 지정 갯수까지의 문자열을 리턴. - 사용법 : SUBSTRING('첫번째인자','두번째인자','세번째인자') 첫번째 인자 : 해당 문자열 두번째 인자 : 지정 위치(시작 위치) 세번째 인자 : 지정 갯수(시작위치에서부터 문자 몇개까지) - CONCAT() : 인자로 전달된 문자열을 모두 붙여서 리턴. - LOCATE() : 지정된 인덱스로부터 지정된 문자열을 찾아서 해당 문자열의 인덱스를 리턴.(인덱스는 1부터 시작) 첫번째 인자 : 찾을 문자열 두번째 인자 : 대상 문자열 세번째 인자 : 찾기가 시작될 인덱스 더보기
HTML - 색상 코드 표 #93DAFF #98DFFF #9DE4FF #A2E9FF #A7EEFF #ACF3FF #B0F7FF #B4FBFF #B9FFFF #C0FFFF #87CEFA #91D8FA #A5D8FA #AFDDFA #B9E2FA #C3E7FA #CDECFA #D7F1FA #E1F6FA #EBFBFF #00BFFF #0AC9FF #14D3FF #1EDDFF #28E7FF #32F1FF #3CFBFF #46FFFF #96FFFF #C8FFFF #00A5FF #00AFFF #00B9FF #00C3FF #00CDFF #00D7FF #00E1FF #00EBFF #00F5FF #00FFFF #1EA4FF #28AEFF #32B8FF #3CC2FF #46CCFF #50D6FF #5AE0FF #6EE0FF #6EEAFF #78F3F.. 더보기

티스토리툴바