Programing Language/JavaScripｔ
-
javaScript) 정규 표현식 모음 정리Programing Language/JavaScripｔ 2021. 5. 28. 14:37
정규 표현식 정규 표현식이란? (Regular Expressions) : 문자열에 포함된 문자 조합을 찾기 위해 사용되는 패턴 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식 언어 문자열의 검색과 치환을 위한 용도로 사용됨. 장점 : 조건문을 매우 간단하게 표현 할 수 있다. 단점 : 코드가 간단한 만큼 가독성이 많이 떨어진다. 사용법 문자 설명 예시 ^ 입력값 시작 ^x [^] 괄호 안에 있는 문자를 제외한 문자가 나타남 [^A-Z] [ ] 괄호 안에 있는 문자 중 하나가 나타남 [A-Za-z] $ 입력값 끝 x$ * 앞의 문자들이 0번 이상 나타남 a*b* . 문자 하나가 나타남 a.b + 앞에 있는 문자들이 1번 이상 나타남 a+b+ ( ) 그룹 괄호 (가장 먼저 품) {m, n} 앞의..
-
javaScript) input 태그 포커스 인/ 아웃 이벤트 캐치하기Programing Language/JavaScripｔ 2021. 5. 27. 21:55
const form = document.getElementById('form'); form.addEventListener('focusin', (event) => { event.target.style.background = 'pink'; }); form.addEventListener('focusout', (event) => { event.target.style.background = ''; });
-
-
-
CSS+HTML)부모 div영역의 높이에서 이미지와 텍스트 수직 정렬하기Programing Language/JavaScripｔ 2021. 4. 10. 18:40
다음과 같이 Div로 높이 70px 만큼의 영역을 지정했을때 그 영역안에 이미지나 텍스트를 vertical 영역을 center로 어떻게 지정할것인가? 1. 전제 위의 div태그를 a 영억이라고 한다. 2. a 영억안에 ""텍스트""를 넣을땐 div태그로 ""이미지""를 넣을땐 img 태그로 넣는다. - a 영역안에 텍스트를 vertical center로 넣기 1. a 영역의 style에 line_height의 높이를 height와 똑같이 지정한다. ex : line_height:70px; 2. 텍스트 태그는 다음과 같이 설정한다. 70px안에 가운데 정렬 전체 예시) 70px안에 가운데 정렬 - a영역안에 이미지 꽉차게해서 scale 및 fit하게 하기 #img 태그의 style에 height의 px과 ..