본문 바로가기
[자바스크립트] 정규표현식을 통한 이메일 검증 JavaScript를 사용하여 이메일을 유효성 검사하는 방법에는 여러 가지가 있지만, 가장 일반적으로 사용되는 방법 중 하나는 정규 표현식을 사용하는 것입니다. 이를테면, 다음과 같은 코드를 사용할 수 있습니다. 1. 정규표현식 function validateEmail(email) { const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return re.test(email); } 위 코드에서는, validateEmail 함수를 사용하여 전달된 이메일 주소의 유효성을 검사합니다. re 변수에 저장된 정규 표현식은 이메일 주소의 형식을 검사하는 데 사용됩니다. 이 표현식은 다음과 같이 구성됩니다. /^: 문자열의 시작을 나타냅니다. [^\s@]+: 공백과 @ 기호가 아닌 한 글자 이상의.. 2023. 3. 14.
[자바스크립트] querySelector(), querySelectorAll() 사용법 JavaScript의 querySelector() 메서드는 HTML 문서 내에서 특정 요소를 선택하기 위해 사용되는 메서드입니다. 이 메서드는 CSS 선택자를 사용하여 원하는 요소를 선택할 수 있습니다. 1. querySelector() 설명 querySelector() 메서드는 문서 내에서 첫 번째로 일치하는 요소만 반환합니다. 따라서, 만약 여러 요소를 선택하려면 querySelectorAll() 메서드를 사용해야 합니다. 아래는 querySelector() 메서드를 사용하여 요소를 선택하는 예시입니다. // id가 "myDiv"인 요소를 선택합니다. const myDiv = document.querySelector('#myDiv'); // class가 "myClass"인 첫 번째 요소를 선택합니다... 2023. 3. 14.
[자바스크립트] 배열 항목 삭제 방법 자바스크립트에서 배열 항목을 삭제하는 방법에는 다양한 방법이 있습니다. 아래는 대표적인 방법들입니다. 1. splice() 메소드 splice() 메소드는 배열의 중간에 있는 항목을 제거할 수 있습니다. 이 메소드는 배열의 시작 인덱스, 제거할 항목 수, 그리고 선택적으로 추가할 항목을 지정할 수 있습니다. let arr = ["사과", "바나나", "딸기", "오렌지"]; // 첫번째 인덱스에서부터 2개의 항목을 삭제 arr.splice(1, 2); // ["바나나", "딸기"] 반환 console.log(arr); // ["사과", "오렌지"] 2. pop() 메소드 pop() 메소드는 배열의 마지막 항목을 제거합니다. 이 메소드는 제거한 항목을 반환합니다. let arr = ["사과", "바나나",.. 2023. 3. 14.
[MySQL] UNION 연산자 사용법 MySQL UNION 연산자는 둘 이상의 SELECT 문의 결과를 하나의 결과 집합으로 결합하는 데 사용됩니다. 각 SELECT 문의 열의 수와 데이터 유형은 모두 일치해야 합니다. 일반적으로 UNION 연산자는 중복 행을 제거하기 위해 사용됩니다. 그러나 UNION ALL을 사용하면 중복 행을 제거하지 않고 결과에 모두 포함됩니다. 1. UNION 연산자 SELECT column1, column2 FROM table1 UNION SELECT column1, column2 FROM table2; 위의 예제는 table1과 table2의 column1과 column2 열의 데이터를 결합합니다. UNION 연산자는 두 개의 SELECT 문의 결과를 중복을 제거하고 하나의 결과 집합으로 만듭니다. 2. UNI.. 2023. 3. 13.
[자바스크립트] console.table() 사용법 console.tableJavaScript의 console.table() 메서드는 객체 또는 배열을 테이블 형태로 출력하는 데 사용됩니다. 이 메서드는 개발자가 개발중인 코드에서 디버깅 및 데이터 시각화를 위해 자주 사용됩니다. 1. 사용법 사용법은 매우 간단합니다. console.table() 메서드를 호출하고 객체 또는 배열을 전달하면, 해당 데이터가 테이블 형태로 출력됩니다. 테이블의 각 행은 배열 또는 객체의 각 요소를 나타내며, 테이블의 각 열은 해당 요소의 속성 이름이 됩니다. 아래는 console.table() 메서드의 예시입니다. const fruits = [ { name: 'apple', color: 'red' }, { name: 'banana', color: 'yellow' }, { n.. 2023. 3. 13.
[자바스크립트] 배열 정렬 sort() 하는 다양한 방법 자바스크립트에서 배열을 정렬하는 방법은 여러 가지가 있습니다. 이 중 가장 일반적으로 사용되는 방법은 Array.prototype.sort() 메소드를 사용하는 것입니다. 1. 기본 정렬 sort() 메소드는 기본적으로 문자열로 정렬합니다. 즉, 배열 요소들이 문자열로 변환되어서 알파벳순으로 정렬됩니다. 예를 들어, 다음과 같은 배열이 있다면: let arr = ["cat", "dog", "elephant", "bee"]; sort() 메소드를 호출하면 arr.sort(); 다음과 같이 정렬됩니다: ["bee", "cat", "dog", "elephant"] 하지만 만약 숫자 배열을 정렬해야 한다면, sort() 메소드의 동작 방식이 문제가 될 수 있습니다. 이때는 콜백 함수를 전달하여 정렬 기준을 지정.. 2023. 3. 13.

티스토리툴바