개발해보개

숫자만 \d* ^[0-9]+$ 한글만 ^[가-힣]*$ 영문자만 (대소문자) ^[a-zA-Z]*$ 영문자만 (대소문자+띄어쓰기+공백) ^[a-zA-Z\s]*$ 숫자&영문 (대소문자) ^[a-zA-Z0-9]*$ 최소8자리에서 최대16자리까지 (숫자,영문,특수문자 각1개이상 포함) ^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,16}$ EMAIL ^[a-zA-Z0-9]+@[a-zA-Z0-9]+$ 휴대폰 ^01(?:0|1|[6-9]) - (?:\d{3}|\d{4}) - \d{4}$ TEL ^\d{2,3} - \d{3,4} - \d{4}$ 주민등록번호 \d{6} \- [1-4]\d{6} IP주소 ([0-9]{1,3}) \. ([0-9]{1,3}) \..

JavaScript 2022. 11. 26. 19:00

상수(Constant) 데이터를 저장 할 수 있는 메모리 공간을 의미하며, 변하지 않는 값. 변수 (Variable) 데이터를 저장 할 수 있는 메모리 공간을 의미하며, 그 값이 변경 될 수 있다. var , let 키워드를 사용하여 변수를 선언하며 쉼표로 여러 변수를 동시에 선언 및 초기화 할 수 있다. 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면, 오류가 발생하기 때문에, 선언되지 않은 변수를 초기화 할 경우에는 자동으로 선언을 먼저 한 후 초기화가 된다. 변수는 이름을 가지고 식별하므로, 변수의 이름은 식별자(indentifier)이기도 하며, 변수의 이름은 영문(대소문자구분),숫자(숫자로시작X),언더스코어(_),달러($)로만 구성된다. *전역변수 생성시 window.변수이름 과 같이 선..

JavaScript 2022. 2. 7. 20:17

자바스크립트의 이벤트를 다룰 때 사용하는 event객체의 target과 currentTarget에 대해 알아보자. event.target 실제 이벤트가 발생한 최하위 요소를 나타낸다. =타깃요소(target요소) 쉽게 말해 내가 클릭한 요소(onclick이벤트의경우) event.currentTarget(this) 발생한 이벤트의 핸들러가 할당된 요소를 나타낸다. 쉽게 말해 이벤트가 걸려있는 위치

JavaScript 2022. 1. 9. 19:50

이벤트 버블링(Event Bubbling)이란? 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작하는데 이것을 이벤트 버블링이라고 한다. 버블링의 순서 이벤트발생요소 -> 이벤트발생부모요소 -> 이벤트발생조상요소 이벤트 캡쳐링(Event Capturing)이란? 캡쳐링은 버블링의 반대 개념으로, 한 요소에 이벤트가 발생하면, 최상단의 요소부터 처음 발생한 요소까지 핸들러가 동작하는 것을 말한다. 캡쳐링의 순서 이벤트발생조상요소 -> 이벤트발생부모요소 -> 이벤트발생요소

JavaScript 2022. 1. 9. 19:26