javascript (30) 썸네일형 리스트형 자바스크립트로 정규 표현식 (Regular expression) 테스트 정규 표현식 (Regular expression) 테스트 해보기 /** 정규 표현식 (Regular expression) * id : 소문자로 시작하는 소문자 + 숫자 조합 6 ~ 20자리 * pw : 영어 + 숫자 조합 8 ~ 16자리 * password : 영어 + 숫자 + 특수문자 조합 8 ~ 16자리 * phone : 010 으로 시작하는 핸드폰 번호 - (-) 하이픈 없이 * phone- : 핸드폰 번호 3, 4, 4 (-) 하이픈 포함 * email : 이메일 * 한글 : 한글만 입력가능 */ function isRegular(asValue, type) { let regExp = ''; type == 'id' ? regExp = /^[a-z]{1}[a-z0-9]{5,19}$/g : 0; typ.. 자바스크립트(javascript) 클래스(Class) 알아보기 클래스 이름은 관례적으로 대문자로 시작합니다. 클래스를 선언합니다. class Person { // 클래스 정의 관례적으로 대문자 시작 } 클래스 내부에는 속성(멤버 변수)과 메서드(멤버 함수)를 정의할 수 있습니다. 이러한 멤버들은 클래스의 객체를 생성할 때 복제되며, 객체 간에 공유되지 않습니다. class Person { constructor(name, age) { this.name = name; // 속성(멤버 변수) this.age = age; } sayHello() { console.log(`안녕하세요, 제 이름은 ${this.name}이고, 나이는 ${this.age}입니다.`); } } 생성자 메서드는 클래스로부터 객체를 생성할 때 호출되는 특별한 메서드입니다. constructor라는 이.. 자바스크립트(Javascript) 변수 기본 var, let, const var: 함수 범위 변수를 선언하는 데 사용됩니다. let: 블록 범위 변수를 선언하는 데 사용됩니다. 변수 값을 변경할 수 있습니다. const: 블록 범위 변수를 선언하며, 한 번 할당한 값을 다시 할당할 수 없습니다. var(ES5 이전 버전에서 주로 사용)는 변수 재 선언이 가능합니다. var name = 'Minjun'; console.log(name); // Minjun var name = 'Seoyeon'; console.log(name); // Seoyeon let는 변수 재 선언시 에러가 발생합니다. let name = 'Minjun'; console.log(name); let name = 'Seoyeon'; console.log(name); /** Chrom.. 자바스크립트로 프로그레스바 만들기 자바스크립트로 프로그레스바 만들기 로딩바 만들기 HTML 삽입 미리보기할 수 없는 소스 아래는 소스 코드입니다. 강아지: 0% 고양이: 0% 다람쥐: 0% 증가 자바스크립트로 파일 드래그 앤 드롭 업로드 방법 자바스크립트로 파일 드래그 앤 드롭 업로드 방법 HTML 삽입 미리보기할 수 없는 소스 이미지를 드래그 앤 드롭 하거나 클릭하여 업로드하세요. 티스토리에서 자바스크립트로 클립보드 복사 만들기 Clipboard 복사 예제 (코드 포함) 1. navigator.clipboard API Div: 이것은 div의 내용입니다. Copy Div <!DOCTYPE html><html lang="ko"><head> <meta charset="UTF-8"> <title>Div 복사 (Clipboard API)</title></head><body> <div id="test">이것은 div의 내용입니다.</div> <button id="copyBtn">Copy Div</button&.. 이전 1 2 3 4 다음
