본문 바로가기

코딩/Web21

자바스크립트 정규 표현식, 이벤트 정규 표현식 문자열에서 특정 문자 조합을 찾기위한 패턴 4자이상 20자 이하로 체크 특수문자 입력 불가 한글 입력 불가 정규 표현식 표기 /정규 표현식 패턴/ 아이디 패턴 만들기 영문 대문자 또는 소문자만 입력 길이는 4자이상 20자이하로 입력 가능 /^[A-Za-z]{4,20}$/ 이름 패턴 만들기 한글만 사용 /^[가-힣]+$/ 휴대폰 번호 패턴 정수 3자리 - 정수 3자리 또는 4자리 - 정수 4자리 예) 010-1111-1111 또는 010-111-1111 /^\d{3}-\d{3,4}-\d{4}$/ 이메일 패턴 만들기 영문 대문자, 소문자, 숫자 입력 이메일 패턴에 의한 @, .이 포함 예) aaaa@aaa.com, dr.ryu@aaa.com /^[A-Za-z0-9\-\.\_]+@[A-Za-z0-.. 2024. 4. 18.
자바스크립트 객체 String 객체 const str1 = 'JavaScript'; const str2 = new String('JavaScript'); str1 == str2 // true str1 === str2 // false Date 객체 날짜, 시간 등을 쉽게 처리할 수 있는 내장 객체 const 변수명 = new Date(); // 현재 날짜 시간 const 변수명 = new Date(년, 월, 일, 시, 분, 초, 밀리초); // 입력한 날짜 시간에 대한 객체 연도(year) 2자리로 표기 예) 23 -> 1923년 4자리로 표기 예) 2024 -> 2024년 월(month) 0 ~ 11 예) 0 -> 1월, 11 -> 12월 폼(form) 객체 일반적인 폼 요소에 접근할 때 사용 document.forms .. 2024. 4. 17.
자바스크립트 함수 사용자 정의 함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 필요할 때마다 호출하여 해당 작업을 반복 수행할 수 있음 코드를 재활용하기 위한 목적 1. 함수 선언식 function 함수명(매개변수1, 매개변수2, ..){ 함수가 호출되었을 때 실행할 문장 ... return 값 } 2. 함수 표현식 const 변수명 = funtion(매개변수1, 매개변수2, ..){ 함수가 호출되었을 때 실행할 문장 ... return 값 } 3. 디폴트 매개변수 매개변수의 값을 설정하는 것 매개변수의 값을 정하지 않으면 기본값을 변수에 저장4. 나머지 매개변수 생략 접두사(...)를 사용하여 특정 위치의 인수부터 마지막 인수까지 한번에 지정할 수 있음 function 함수명(매개변수.. 2024. 4. 16.
자바스크립트 반복문과 배열 while 문 while(조건식) { 조건식의 결과가 true인 동안 반복할 문장; ... } do { 조건식의 결과가 true인 동안 반복할 문장; ... }while(조건식); do ~ while문은 조건식의 결과가 처음부터 false인 경우라도 한 번은 {}에 문장을 실행함 while 문 for 문 for(초기값; 조건식; 증감식){ 조건식의 결과가 true인 동안 반복할 문장; ... } let sum = 0; for(let i=1; i 2024. 4. 16.

티스토리툴바