본문 바로가기

Java script11

JavaScript_프로토타입1 자바스크립트 프로토타입에 대해 간단하게 정리해보았다. 소스코드의 경우 대부분 Mdn을 바탕으로 작성하였다. Classes in JavaScript - Web 개발 학습하기 | MDN OOJS에 대한 개념을 설명했으니, 이 글에서는 부모 클래스에서 자식 클래스를 상속하는 방법을 알아봅니다. 덤으로 OOJS를 구현하는데 몇 가지 참고사항도 있습니다. developer.mozilla.org 1. 프로토타입 자바스크립트는 프로토타입 기반의 객체 지향 언어이다. 자바스크립트의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있으며, 모든 객체는 그들의 프로퍼티와 메소드를 상속 받는다. 자바스크립트에서는 현재 존재하고 있는 객체를 프로토타입으로 사용하여, 해당 객체를 복제하여 재사용하는 것을 상속이라.. 2022. 8. 16.
Javascript_이메일 형식 확인 정규식, 핸드폰 번호 형식 자동 적용 정규식 1. 이메일 정규식이메일 형식으로 입력되었는지 확인하는 방법// 이메일 형식 체크 정규식function validEmail(obj){ console.log(obj) if(validEmailCheck(obj)==false){ // 이메일 형식에 맞지 않을 때 result.textContent = '이메일 형식으로 입력해주세요. ex) xxx@000.000' ; result.style.color = "red"; // obj.value=''; // 형식에 맞지 않을 때 공백 처리 obj.focus(); return false; }else{ result.textContent = '올바른 메일 형식입니다.. 2022. 8. 9.
JavaScript_두 INPUT 값 자동 합산 구현/ 숫자만 입력되도록 구현 하는 방법 1. 두 input 값 id를 받아 자동 합산 기능 구현 함수 작성 - jquery를 사용하여 첫번째 input 값과 두번째 input 값을 받아와 마지막 input 박스에 삽입한다. - Number()는 문자를 숫자를 변환해주는 함수이다. function GetSum() { var total = ''; var firstNum = 0; var secondNum = 0; firstNum = Number($('#NUM1').val()); secondNum = Number($('#NUM2').val()); total = firstNum + secondNum; $('#RESULT').val(total); } 2. html에서 onKeyup event를 통해 GetSum()함수 적용 및 숫자만 입력되도록 정규식 .. 2022. 8. 8.
JavaScript_if문, 삼항 연산자, switch 조건문 1. 조건문 if 문: 일반적으로 조건문 하나에 실행할 코드 작성시 사용한다. //1. if문 기본 문법 if(조건문){ 만약 조건 (condition)이 참일 경우 실행할 코드 } 실행할 다른 코드 ; //2. if,,,else 문 if (조건문){ 조건문이 참일 경우 실행할 코드 }else{ 거짓(false)일 경우 실행할 코드 } //3. if,,else if문 ->여러가지의 조건문에 따라 실행할 코드를 작성할 때 사용 if (조건문1){ 조건문 1이 참일 경우 실행할 코드 }else if(조건문2){ 조건문 2이 참일 경우 실행할 코드 }else if(조건문3){ 조건문 3이 참일 경우 실행할 코드 } ,,,,, else(모든 조건이 아닐 때){ }: Select theme: White Black.. 2022. 7. 31.