정규식표현(패스워드)



정규식 표현 정리

(?=.*[a-zA-Z])                  // 영문
(?=.*?[A-Z])                    // 최소 한개의 대문자 영문
(?=.*?[a-z])                    // 최소 한개의 소문자 영문
(?=.*?[0-9])                   // 최소 한개의 숫자
(?=.*?[#?!@$%^&*-])      // 최소 한개의 특수 문자
.{8,}                             // 최소 8자 길이





최소 8자 + 최소 한개의 영문자 + 최소 한개의 숫자

 ^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$



최소 8자 + 최소 한개의 문자 + 최소 한개의 숫자 + 최소 한개의 특수 문자

 ^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,}$



최소 8자 + 최소 한개의 소문자 + 최소 한개의 대문자 + 최소 한개의 숫자

 ^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$



최소 8자 + 최소 한개의 소문자 + 최소 한개의 대문자 + 최소 한개의 숫자 + 최소 한개의 특수 문자

 ^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$



최소 8자 + 최대 10자 + 최소 한개의 소문자 + 최소 한개의 대문자 + 최소 한개의 숫자 + 최소 한개의 특수 문자

 ^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,10}$



'Front-end dev > JavaScript || jQuery' 카테고리의 다른 글

jQuery selector  (540) 2020.05.04
console.log 에 style 적용하기  (596) 2018.04.04

jQuery selector



jQuery 기본적인 선택자


jQuery selector
선택자 설명
:button type이 button인 요소를 선택
:even 인덱스가 짝수인 요소를 모두 선택
:odd 인덱스가 홀수인 요소를 모두 선택
:eq(n) 인덱스가 n인 요소를 선택
:gt(n) 인덱스가 n보다 큰 요소를 모두 선택
:lt(n) 인덱스가 n보다 작은 요소를 모두 선택
:first 첫 번째 요소를 선택
:last 마지막 요소를 선택
:nth-child(an+b) 형제 요소 중 an+b번째 요소들을 선택
ex)
$('li:nth-child(3)')
$('li:nth-child(2n+1)')
:animated 애니메이션 효과가 실행 중인 요소를 모두 선택
:header h1 ~ h6 까지의 요소를 모두 선택
:contains(text) 지정한 문자열을 포함한 요소를 선택
ex)
$('p:contains("ara")')
:not(selector) 지정한 선택자를 제외한 모든 요소를 선택
:empty 내용이 없는(자식이 없는) 빈 요소를 선택
:has(selector) 지정한 요소를 포함하는 요소를 선택
ex)
$('p:has(span)')
$('div:has(.class)')
:parent 자식 요소를 가지고 있는 요소를 모두 선택


'Front-end dev > JavaScript || jQuery' 카테고리의 다른 글

정규식표현(패스워드)  (502) 2020.05.25
console.log 에 style 적용하기  (596) 2018.04.04

# console.log 에 style 적용하기




개발자 도구를 열어 작업을 할 때, 우리는 종종 style이 입혀진 console.log를 발견할 수 있다.

예를 들자면 쿠팡이나 티스토리가 있을 수 있겠다. (괜히 이쁘고 부러움)


퍼블리셔로서 스타일이 입혀진 콘솔로그를 지나칠 수가 없지.

오늘은  console.log 에 style 입히는 방법을 알아보려 한다.



아주 간단하다.


메시지에 %c 플래그(flag)만 추가해주고, 원하는 스타일을 입력하면 끝. 



간단하게 예를들어,

console.log('%c Welcome!', 'background-color:green; color:#ffffff;');


결과물은 이렇다.




이렇게 하면?

console.log('%c You are so %c attractive ', 'background-color:#000000; color:#ffffff; font-size:23px;', 
'background-color:red; color:#ffffff; font-size:23px;');


요렇게 나오고!




조금 더 꾸며볼까?

var style = [
    'padding : 30px 20px',
    'margin : 20px 0',
    'background : linear-gradient(#98004C, #FFE8F3)',
    'font-size : 25px',
    'font-weight : bold',
    'text-align : center',
    'color : #ffffff'
].join(';');

console.log('%c #ARA NOTE', style);

결과는?







일단 사용해 본 결과, display 와 line-height 는 적용이 안되는것 같다. 

추후에 내 전용 로그를 만들 때, 하나하나 살펴봐야겠다.

'Front-end dev > JavaScript || jQuery' 카테고리의 다른 글

정규식표현(패스워드)  (502) 2020.05.25
jQuery selector  (540) 2020.05.04

+ Recent posts