전체 글(169)
-
자바스크립트 - Date 객체
Date 메서드 - getFullYear() 4자리 년도를 반환 - getMonth() 월 값을 반환 - getDate() 일 값을 반환 - getDay() 요일 값을 숫자로 반환 (0 = 일요일, 1 = 월요일 , ........ , 6 = 토요일) - getHours() 시간 값을 반환( 0~23 ) - getMinutes() 분 값을 반환(0~59) - getSeconds() 초 값을 반환 (0~59) - getMilliseconds() 밀리초(1/1000초) 값을 반환 (0 ~ 999) - setFullYear(n) n은 값으로 년도 설정 - setMonth(n) n 값으로 월 설정 - setDate(n) n은 1~31의 숫자로 일 값을 설정 - setHours(n) n은 0~23의 숫자로 시간을..
2023.12.15 -
자바스크립트 - Math 객체
Math 객체는 수학 연산을 위한 객체이다. Math 프로퍼티 - Math.PI : 원주율 - Math.E : 자연 로그 밑인 상수 - Math.LN2 : 2의 자연 로그값 - Math.LN10 : 10의 자연 로그값 Math 객체 메서드 - Math.abs(n) n의 절대값을 반환한다. - Math.max(n1, n2) n1과 n2 중에서 높은 숫자를 반환한다. - Math.min(n1, n2) n1과 n2 중에서 낮은 숫자를 반환한다. - Math.acos(n) n의 아크 코사인값을 반환한다. - Math.asin(n) n의 아크 사인값을 반환한다. - Math.round(n) n의 소수점이하가 5이상이면 반올림 미만이면 정수값 반환 - Math.ceil(n) n의 소수점이하를 올림하여 정수로 만든 ..
2023.12.12 -
자바스크립트 이벤트 중첩 발생 해결
function example(){ $("#myButton").on('click', function() { // 클릭 이벤트가 발생했을 때 실행될 로직 작성 console.log("버튼이 클릭되었습니다."); }); } 만약 위에 example 메소드가 3번 실행 됐다면 나중에 myButton을 눌렀을때 "버튼이 클릭되었습니다" 가 3번 출력된다. 이렇게 되는 현상을 막기 위해서 off 로 이전에 추가된 이벤트를 초기화 시켜주고 on을 해주면 된다. function example(){ $("#myButton").off('click').on('click', function() { // 클릭 이벤트가 발생했을 때 실행될 로직 작성 console.log("버튼이 클릭되었습니다."); }); }
2023.12.04 -
자바스크립트 - Array 배열
배열은 변수를 여러 공간에 분할하여 저장하고 분할한 공간을 index를 부여해 데이터를 저장 또는 호출하는 개념이다. 객체 생성 방법 1) var arr = new Array("wow1", "wow2", "wow3"); 위와 같이 선언과 동시에 초기값을 넣을 수도 있다. 2) var arr = [ "wow1", "wow2", "wow3" ]; 위와 같이 new와 생성자 없이 선언과 동시에 초기값을 넣을 수도 있다. 2) var arr = new Array(); arr[0] = "wow1"; arr[1] = "wow2"; arr[2] = "wow3"; 위와 같이 선언하고 값을 넣어줄 수 있다. Array 객체 속성(length) Array 객체는 length라는 속성이 있다. 이 속성을 통해 배열의 길이를..
2023.11.28 -
자바스크립트 - String 객체
String 객체를 만드는 방법이 두가지 있다. 1) var strObject = new String("javascript String Object"); 2) var strObject = "javascript String Object"; 1번은 new 연산자와 생성자로 String 객체를 만들었다. 2번도 String 객체인데 new연산자와 생성자가 없어도 변수를 선언하면 자동으로 String 객체가 된다. 이러한 String 객체에는 length 속성이 있다. String 객체 속성 - length 문자열의 길이를 알려준다. ex) var str ="일이삼사오"; console.log( str.length ); //5 String 객체 메서드 - charAt(n) 문자열에서 n번째 문자를 반환해준다. ..
2023.11.25 -
자바스크립트 - Number 객체
랩퍼 객체 1) var number = new Number(); 2) var number2 = 12; 위에 1번을 보면 new 연산자와 Number() 생성자함수로 number 인스턴스를 만들었다. 근데 그렇게 하지 않아도 2번처럼 숫자를 그냥 변수에 숫자를 넣어줘도 자동적으로 Number 객체로 만들어 준다. Number 객체 뿐만 아니라 String, Boolean과 같은 기본 데이터형들은 new 연산자와 생성자함수를 사용하지 않아도 자동으로 객체로 인식한다. 이런 객체를 '랩퍼객체'라고 부른다. Number 객체 프로퍼티 - MAX_VALUE : 자바스크립트에서 사용할 수 있는 최대값 속성 - MN_VALUE : 자바스크립트에서 사용할 수 있는 최소값 속성 - NaN : Not a Number로 숫..
2023.11.24