한량인생

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. 1. 숫자 숫자형식에서 부호 없는 정수를 지정할 수도 있는데 이런 경우 -로 표현될 비트를 사용하게 되어서 -값은 표현할 수 없게 되지만 tinyint의 경우 0~255까지의 숫자를 표현할 수 있는 등 양수의 표현범위가 훨씬 넓어집니다. 부호 없는 정수의 경우 unsigned 예약어를 붙여주면 됩니다. decimal / numeric에서 m은 전체 자릿수를, d는 소수점 이하 자릿수를 의미합니다. 2. 문자 고정길이 char(10)으로 하면 'hello'만 저장해도 10자리를 모두 사용됩니다. 반면 가변길이는 들어간 문자수만큼만 자리를 차지합니다. 공간활용면에서 가변길이가 유리하지만 성능면에서는 고정길이가 유리합니다. BLOB는 Binary Larg..

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. 자바스크립트 정규식을 활용하여 전화번호가 맞는지 아닌지 판단해 보는 소스입니다. 자바스크립트 function check_phone() { var phone = document.getElementById("phone").value; var regPhone= /^01([0|1|6|7|8|9])-?([0-9]{3,4})-?([0-9]{4})$/; if (regPhone.test(phone) == true) { alert("휴대전화 번호가 맞습니다."); } } HTML ▶ regPhone에 작성한 정규식을 알아봅시다. → ^01([0|1|6|7|8|9]) : 01로 시작하며 세 번째 자리는 0 또는 1,6,7,8,9가 되어야 합니다. → -? : 번호 사..

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다. 자바스크립트를 공부하면서 정규식이란 말을 한 번쯤을 들어 봤을 것입니다. 정규식은 코딩을 하면서 많이 사용하지도 않고 사용하기도 힘들어서 나중에 배워야지 하는 경우가 대부분입니다. 하지만 정규식을 한 번만 잘 배워두면 어렵지 않게 사용하실 수 있습니다. 정규 표현식의 사용 이유 정규표현식은 문자열을 판독하는 언어 패턴이라고 생각하면 됩니다. 간단한 문자 검색부터, 전화번호, 이메일, 비밀번호 검사 등 복잡한 문자열을 빠르게 검색할 수 있습니다. 자바스크립트에서의 정규표현식은 보통 다음과 같은 기능을 수행합니다. 1. 문자 검색 기능 2. 문자 대체 기능 3. 문자 추출 기능 자바스크립트에서 정규식을 생성하는 방법은 크게 두 가지가 있습니다. 생성자 ..

※ 변수 자바스크립에서 변수는 var로 선언합니다. var 뒤에 변수명을 적어 사용합니다. 변수의 이름은 일반적으로 $, _, 또는 특수 문자를 제외 한 모든 문자로 시작합니다. // 변수에 숫자 값을 대입 후 사용 예 var number = 10; // number라는 변수에 10을 대입 document.write(number + 5); // 15를 출력 // 변수에는 숫자뿐 아니라 문자를 대입해서 사용할 수도 있습니다. var word = "Hello" // 문자는 꼭 따옴표를 사용해야 합니다. document.write(word + " friend"); // Hello friend를 출력 // 각각의 변수에 값을 대입후 사용 가능합니다. var word1 = "Hello"; var word2 = "..

1. 기본 데이터 타입 자바스크립트 기본 데이터 타입은 숫자(number), 문자(String), 불린(boolean), 알수없음(undefined), 비어있음(null)이 있습니다. 또한 typeof를 사용하여 무슨 타입(type)을 가지는지 확인 할 수도 있습니다. 'typeof'가 반환하는 타입의 종료는 number, String, boolean, undefined(값이 없음), object(null를 포함한 객체), function이 있습니다. 1) 숫자 타입 (number type) 자바스크립트 숫자는 부동 소수점 형태로 사용됩니다. 이는 java의 double과 같습니다. 즉 다른 프로그래밍 언어의 int, double, float등의 구분이 없습니다. // 자바스크립트 숫자는 큰따옴표(" "..

반복문은 해당 조건이 true일 경우 동일한 코드를 반복해서 수행하는 구문입니다. 자바스크립트에는 3가지 반복문이 있습니다. 3가지 반복문은 같은 일을 수행합니다. 사용자가 편한 반복문을 선택해서 사용하시면 됩니다. 1) 'while' 반복문 - 'while' 반복문의 사용법은 아래와 같습니다. while (condition) { // 코드 // 가감부분입니다. } - 'while' 반복문 예 var number = 1; // 조건부에 들어갈 변수를 지정해 줍니다. while(number < 10){ // number가 10 미만 true면 코드를 실행합니다. alert(number + " 입니다."); number = number + 1; // number 값을 1 증가 시킵니다. 가감부분입니다. } ..

비교 연산의 결과로 참(true) 또는 거짓(false)을 판명합니다. 조건문의 결과는 불린(boolean)으로 불린 올 수 있는 값은 참(true) 또는 거짓(false) 두가지 밖에 없습니다. 조건문의 결과에 따라 다른 함수를 실행하여 다르게 동작하게 만듭니다. 조건문의 종류 - if(), else if(), else, switch() 1) if(조건부) : 조건문을 비교합니다. 2) else if(조건부) : 바로 위 조건문이 거짓이면 해당 조건문을 비교합니다. 3) else : else는 위 조건문이 모두 거짓이면 무조건 해당 함수를 실행하여 조건부가 없습니다. 사용 예) var number = 80; if(number == 60){ // false alert("number는 60입니다."); /..

1. 이벤트 정의 자바스크립트에서는 사용자의 요청사항을 이벤트를 통해 처리한다. 2. 이벤트의 종류 - onfocus : 해당 영역에 포커스가 주어졌을 때 실행 - onchange : 해당 영역의 입력값이 변하였을 때 실행 - onload : 해당 페이지가 로딩될 때 실행 - onblur : 해당 영역에서 포커스가 벗어났을 때 실행 - onclick : 해당 영역을 클릭했을 때 실행 - onkeydown : 해당 영역을 키보드로 눌렀을 때 실행 - onkeyup : 해당 영역을 키보드로 눌렀다가 떼면 실행 - onkeypress : 해당 영역을 키보드로 계속 누르고 있으면 실행 - onmousemove : 해당 영역에서 마우스가 움직이면 실행 - onmouseover : 해당 영역에 마우스가 올가면 실행..

안녕하세요. 시간에 분단위로 시간을 변경하는 간단한 함수입니다. 자바스크립트 function changeTime(){ var setTime = $("#setTime").val(); // 변경하고자 하는 분('-'로 빼기도 가능) // 현재 시간 var dayTime = new Date(); // 특정 시간을 세팅 예) 2020년 2월 20일 오후2시 20분 25초입니다. var time = "20200220142025"; // 특정시간은 문자열로 세팅 되기때문에 substring으로 잘라서 사용해야 합니다. var dayTime = new Date(time.substring(0, 4), time.substring(4, 6)-1, time.substring(6, 8), time.substring(8, 10..

안녕하세요 jQuery로 체크박스 체크 여부 및 체크하고, 체크 풀기 소스입니다. 자바스크립트 if($("#isChecbox").is(":checked")){ alert("체크박스가 체크되어있습니다."); } else { alert("체크박스가 체크되어있지 않습니다."); } // jQuery로 체크박스 체크 및 체크풀기 $("#isChecbox").attr("checked", true); // 체크하기 $("#isChecbox").attr("checked", false); // 체크풀기 HTML 감사합니다.