반응형

IT 소스/자바스크립트 7

[자바스크립트] 변수 (variable)

※ 변수 자바스크립에서 변수는 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 = "..

[자바스크립트] 데이터 형식(data type)

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

[자바스크립트] 반복문 (loop)

반복문은 해당 조건이 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 증가 시킵니다. 가감부분입니다. } ..

[자바스크립트] 조건문(conditional)

비교 연산의 결과로 참(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입니다."); /..

[자바스크립트] 이벤트(event)

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..

반응형