티스토리 뷰

반응형

객체(Object)

자바스크립트는 객체 기반 언어

객체는 기능과 속성을 가지고 있음

객체.메서드();	//객체의 메서드를 실행
객체.속성;	//객체의 속성값을 가져옴
객체.속성 = 값;	//객체의 속성값을 바꿈

 

객체의 종류

내장 객체

자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용할 수 있음

문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등

 

브라우저 객체 모델(BOM)

브라우저에 계층 구조로 내장되어 있는 객체

브라우저 객체로는 window, screen, location, history, navigator 객체 등

브라우저(window)는 document, location 객체의 상위 객체

 

문서 객체 모델(DOM)

HTML 문서 구조

HTML 문서 기본 구조는 최상위 객체로 <html>, 하위 객체 <head>.<body>가 있음

자바스크립트의 문서 객체 모델은 IE 8 이하 버전에서 호환성이 떨어져 사용하기 힘들다는 단점

이러한 점을 극복하기 위해 제이쿼리 문서 객체 모델을 많이 사용


내장 객체

참조 변수(인스턴스 이름) = new 생성 함수()

 

 

날짜 정보 객체

날짜나 시간 관련 정보를 제공받고 싶을 때, 날짜 객체(Date Object)를 생성

참조 변수 = new Date();			//var t = new Date();

참조 변수 = new Date("연/월/일");	//var t = new Date("2023/12/22");
참조 변수 = new Date(연,월-1,일);	//var t = new Date(2023,11,22);

 

날짜 관련 메서드

날짜 정보를 가져올 때(GET) 날짜 정보를 수정할 때(SET)
getFullYear() 연도 정보를 가져옴 setFullYear() 연도 정보만 수정함
getMonth() 월 정보를 가져옴(현재 월-1이 된것) setMonth() 월 정보만 수정함(월-1이 된것)
getDate() 일 정보를 가져옴 setDate() 일 정보만 수정함
getDay() 요일 정보를 가져옴(일:0 ~ 토:6) '요일'은 날짜만 바꾸면 자동으로 바뀌므로 setDay()는 없음
getHours() 시 정보를 가져옴 setHours() 시 정보만 수정함
getMinues() 분 정보를 가져옴 setMinutes() 분 정보만 수정함
getSeconds() 초 정보를 가져옴 setSeconds() 초 정보만 수정함
getMilliseconds() 밀리초 정보를 가져옴(1/1,000 초 단위) setMilliseconds() 밀리초 정보만 수정함
getTime() 1970년 1월 1일부터 경과된 시간을
밀리초로 표기함
setTime() 1970년 1월 1일부터 경과된 시간을
밀리초로 표기함
toGMTString() GMT 표준 표기 방식으로 문자형
데이터로 반환함
toLocaleString() 운영 시스템 표기 방식으로 문자형
데이터로 반환함

 

특정 날짜까지 며칠이 남았는지 구하기

남은 일 수(밀리초) = 특정 날짜 객체 - 현재 날짜 객체

1초 = 1,000(msc)			
1분(60초) = 1,000 * 60			//60,000(msc)	
1시간(60분) = 1,000 * 60 * 24		//3,600,000(msc)
1일(60분*24) = 1,000 * 60 * 60 * 24	//86,400,000(msc)

 

 

수학 객체

수학과 관련된 일련의 작업들을 처리함

 

수학 객체의 메서드 및 상수

종류 설명
Math.ads(숫자) 절대값 반환
Math.max( 숫자 1, 숫자 2, 숫자 3, 숫자 4) 숫자 중 가장 큰 값 반환
Math.min(  숫자 1, 숫자 2, 숫자 3, 숫자 4 ) 숫자 중 가장 작은 값 반환
Math.pow(숫자, 제곱값) 숫자의 거듭제곱값 반환
Math.random() 0 ~ 1 사이의 난수 반환
Math.round(숫자) 소수점 첫째 자리에서 반올림하여 정수 반환
Math.ceil( 숫자 ) 소수점 첫째 자리에서 무조건 올림하여 정수 반환
Math.floor( 숫자 ) 소수점 첫째 자리에서 무조건 내림하여 정수 반환
Math.sqrt( 숫자 ) 숫자의 제곱근값 반환
Math.PI 원주율 상수 반환

 

random() 메서드 : 지정한 숫자 구간에서 정수로만 반환받기

Math.floor(Math.random() * (최대값 - 최솟값 + 1)) + 최솟값;
Math.random() * 10 			// 0 ~ 10까지 실수로 난수 반환

Math.floor(Math.random() * 11)		//0부터 10까지 난수를 발생하여 소수점 값을 제거

Math.floor(Math.random() * 31);		//0부터 30까지 정수로 난수 반환
Math.floor(Math.random() * 31 ) + 120;	//120부터 150까지 정수로 난수 반환

floor()메서드는 값을 내리기 때문에 10이 아닌 11을 사용해야 함

 

 

 

반응형
댓글