본문 바로가기

JavaScript8

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.
JavaScript_자바스크립트 개요, 기본 개념 1. 인터프리터와 컴파일 언어 인터프리터 프로그래머가 작성한 코드를 다른 형태로 변환할 필요가 없이 바로 읽어서 실행하는 프로그램 언어 코드를 위에서 아래로 실행하고 코드 구동결과 즉시 반환 =>JavaScript, Python, Ruby 등 컴파일 언어 프로그래머가 작성한 코드를 모두 기계어로 변환한 후 기계어 코드를 실행하는 프로그램 언어 => Java, C,C++ 등 2. 서버사이드와 클라이언트 사이드코드 클라이언트 사이드코드 웹 페이지의 요청은 대부분 웹 브라우저(웹 클라이언트)가 한다. 사용자의 컴퓨터에서 동작하는 코드 서버사이드코드 웹 클라이언트로부터 요청을 받아 처리하고 처리 결과를 브라우저에 송신, 응답 / 서버에서 동작하는 코드 3. SCRIPT script : 스크립트 요소는 데이터와 .. 2022. 7. 27.