Javascript+jQuery+Ajax 5일차

Math 내장객체

수학과 관련된 기능을 제공한다.

int abs(int param)

- param의 절대값을 리턴한다.

int max(int a, int b)

- a와 b중에서 큰 값을 리턴한다.

int min(int a, int b)

- a와 b중에서 작은 값을 리턴한다.

int round(Number num)

- num을 소수점 첫째 자리에서 반올림한 결과를 리턴한다.

int floor(Number num)

- 소수점 이하 값을 버린다.

int ceil(Number num)

- 소수점 이하 값을 올린다.

랜덤값 얻기

Math.random() 함수는 0에서 1 사이의 난수를 발생시켜 리턴한다.

실수 형태로 리턴되는 값의 범위를 조절하기 쉽지 않기 때문에 다음과 같이

함수를 정의하여 사용해야 한다.

function random(n1, n2) {

return parseInt(Math.random() * (n2-n1+1)) + n1;

}

Date 내장 객체

객체 생성 방법

// 시스템의 현재 시각

var date1 = new Date();

// 2017년 12월 24일 -> 월은 0부터 카운트된다.

var date2 = new Date(2017, 11, 24);

객체의 메서드

getter : 프로퍼티(멤버변수)의 값을 리턴하기 위한 함수

* 이름이 get변수이름()의 형식을 갖는다.

setter : 파라미터를 통해 프로퍼티의 값을 변경하는 함수

* 이름이 set변수이름()의 형식을 갖는다.

구분	조회(getter)	설정(setter)
년도	int getFullYear()	void int setFullYear()
월	int getMonth()	void int setMonth()
일	int getDate()	void int setDate()
요일	int getDay()	void int setDay()
시	int getHours()	void int setHours()
분	int getMinutes()	void int setMinutes()
초	int getSeconds()	void int setSeconds()
타임스탬프	int getTime()	void int setTime()

cf) getYear 함수는 1900~1999년까지만 지원되므로 FullYear로 확장된 것

타임스탬프

1970년 1월 1일 이후 지난 시간을 밀리세컨드(1/1000초)로 표현한 값

두 날짜 사이의 차이 구하기

두 개의 timestamp값중 큰 값과 작은 값의 차를 단위의 기준값으로 나눌 경우 날짜 계산이 가능함

* 지난 날짜를 처리하는 경우 : 소수점 아래 버림(Math.floor()함수 사용)

* 다가올 날짜를 계산하는 경우 : 소수점 아래 올림(Math.ceil()함수 사용)

콜백함수

Javascript 함수 파라미터 중에 다른 함수를 전달하는 경우, 파라미터로 전달되는 함수를 콜백함수라고 한다.

function hello() {

... 함수 내용 ...

}

function use_callback(a, b, callback) {

var c = a+b;

callback();

}

// 다른 함수를 파라미터로 전달

use_callback(100, 200, hello);

다음과 같이 축약한 형태로도 사용 가능

function use_callback(a, b, callback) {

var c = a + b;

callback();

}

// 다른 함수를 파라미터로 전달

use_callback(100, 200, function() {

... 함수 내용 ...

])

타이머 처리

지정된 시간(1/1000초 단위)마다 한 번씩 콜백함수 반복 호출

setInterval(function() {

... 구현내용...

}, 시간);

지정된 시간(1/1000초 단위)만큼 딜레이 후 콜백함수를 1회 호출

setTimeout(function() {

... 구현내용 ...

}, 시간);

window 내장 객체

브라우저의 새창 팝업 열기/닫기 기능 제공

a.html을 새 창(새 탭)으로 열기

window.open('a.html');

a.html을 팝업으로 열기

// window.open('URL', '창이름', '옵션');

window.open('a.html', 'mywin', 'width=500, height=300, scrollbars=no, toolbar=no, menubar=no, status=no, location=no');

[이건 외우지는 말고 긁어와서 쓸 수 있는 정도로만]

- 창이름

* 부여하지 않을 경우 매번 새 팝업창이 생성됨

* 부여할 경우 한번 사용한 팝업창을 재사용함

- 옵션

* 창 크기 관련 : width, height

창의 가로,  세로 크기를 정수로 지정

* 창 모양 관련 : scrollbars, toolbar, menubar, status, location

yes/no로 값을 지정

location의 경우 피싱 사이트 방지를 위해서 동작하지 않음[no값에서 주소를 직접적으로 확인 못 하기 때문]

현재 창 닫기

windows.close();

//혹은

self.close();