JavaScript/Vanila JS 썸네일형 리스트형 JavaScript 기초(6)-정규 표현식, 이벤트 핸들러 *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*1. 정규 표현식문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. - 4자이상 20자이하로 체크 - 특수문자 입력 불가 - 한글 입력 불가 정규 표현식 표기 /정규 표현식 패턴/ 아이디 패턴 만들기 - 영문 대문자 또는 소문자만 입력 가능합니다. - 길이는 4자이상 20자이하로 입력 가능합니다. /^[A-Za-z]{4,20}$/ 이름 패턴 만들기 - 한글만 사용 /^[가-힣]+$/ 휴대폰번호 패턴 만들기 - 정수 3자리 - 정수 3자리 또는 4자리 - 정수 4자리 - 예) 010-1111-1111 또는 010-111-1111 /^\d{3}-\d{3,4}-\.. 더보기 JavaScript 기초(5)- form객체, DOM객체, *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*1. fstring 객체conststr1='JavaScript';const str2 = new String('JavaScript');str1 == str2; // truestr1 == str2; // false length() : 문자열의 길이를 반환indexof() : 특정 문자나 문자열이 처음으로 등장하는 위치를 인덱스 번호로 반환해주는 프로퍼티 메서드charAt() : 특정 문자열에서 전달 받은 인덱스에 위치한 문자를 반환includes() : 특정 문자열에서 전달 받은 문자열이 포함되어 있는지 여부를 반환substring() : 전달 받은 시작 인덱스부터 종료 인덱스 직전까지의 문자열을 추출, 시작인덱스 de.. 더보기 JavaScript 기초(4)- 함수, 객체, 프로토타입 *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*1. 사용자 정의 함수(function) - 하나의 특별한 목적의 작접을 수행하도록 설계된 독립적인 블록 - 필요할 때마다 호출하여 해당 작업을 반복 수행할 수 있습니다. - 코드를 재활용하기 위한 목적 1-1. 함수 선언식 function 함수명(매개변수1, 매개변수2 ..){ 함수가 호출되었을 때 실행할 문장; ... return 값; } 1-2. 함수 표현식 const 변수명 = function(매개변수1, 매개변수2, ..){ 함수가 호출되었을 때 실행할 문장; ... return 값.. 더보기 JavaScript 기초(3)- forEach반복문+기타 반복문 *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*1. while 문while(조건식) { 조건식의 결과가 true인 동안 반복할 문장; } do { 조건식의 결과가 true인 동안 반복할 문장; }while(조건식); do ~ while문은 조건식의 결과가 처음부터 false인 경우라도 한 번은 {}에 문장을 실행합니다. do, while문의 차이점: while문은 한번도 실행안할 순 있지만, do문은 한번이라도 필수적으로 실행하게 됩니다. while 문 2. for 문 for(초기값; 조건식; 증감식){ 조건식의 결과가 true인 동안 반복할 문장; } let sum = 0; for(let i=1.. 더보기 JavaScript 기초(2)- 제어문 If, Switch *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*조건문1. if 문 if(조건식){ 조건식의 결과가 true일 때 실행할 문장; } if(조건식){ 조건식의 결과가 true일 때 실행할 문장; }else{ 조건식의 결과가 false일 때 실행할 문장; } if(조건식1){ 조건식1의 결과가 true일 때 실행할 문장; }else if(조건식2){ 조건식2의 결과가 true일 때 실행할 문장; }else{ 모든 조건식의 결과가 false일 때 실행할 문장; }참고: Python에서 elif의 사용목적은 javascript에서 e.. 더보기 JavaScript 기초(1)- 상수, 데이터 타입, 형 변환 *이 글을 읽기전에 작성자 개인의견이 있으니, 다른 블로그와 교차로 읽는것을 권장합니다.*1. 자바스크립트(JavaScript)자바스크립트의 특징 - 객체 기반의 스크립트 언어 - 문장 끝에 ;(세미콜론)을 사용(생략이 가능) 자바스크립트의 출력방법Web API Console을 통해 브라우저 Console 창에 출력합니다. 자바스크립트 출력 자바스크립트 삽입 방법 1-1. ✔ 자바스크립트의 실행 순서는 인터프리터 해석 방식이므로 위에서 아래로 실행합니다.주석문 // : 한줄 주석 /* 내용 */ : 여러줄 주석2. 변수- 데이터를 저장한 레터럴을 가리키는 메모리 공간입니다. - 값이 변경될 수 있습니다. - 자바스크립트의 변수는 타입이 없습니다. - let 키워드를 사용하여 변수를 선언합니다... 더보기 이전 1 다음
