[Javascript] 작업 시간 측정 방법 console.time(), console.timeEnd()

 

 

console로  작업 소요시간 측정 방법 2가지 !

 

1. new Date() 함수 활용

const startTime = new Date().getTime();

// ...코드 작성 

const finishTime = new Date().getTime();

console.log(finishTime- startTime);

 

2. 타이머 시작: console.Time() / 타이머 종료: console.timeEnd()

- 하나의 페이지에서 최대 10,000개의 타이머를 동시에 실행할 수 있다.
- time과 timeEnd는 ()안의 키 값을 줘서 짝을 이룰 수 있다.
- 키값을 안주면 키값은 default:가 된다.

// 예제 1: 키값 없으면 [default] 
console.time();
// ...코드 작성
console.timeEnd();
// => default: 00.00ms


// 예제 2: 같은 키 값으로 쌍을 이룬다.
console.time('key');
// ...코드 작성
console.timeEnd('key');
// => key: 00.00ms


// 예제 3: 키 값이 여러개 일 수 있다.
console.time('dog');
console.time('cat');
// ...코드 작성
console.timeEnd('cat'); 
// => cat: 00.00ms

// ...코드 작성
console.timeEnd('dog');
// => dog: 00.00ms


// 예제 4: 이미 있는 키값은 끝나기전에 또 쓰면 [Timer 'key' already exists]
console.time('dog');
console.time('dog');
console.timeEnd('dog');
// => Timer 'dog' already exists  dog: 00.00ms

console.time('dog');
console.timeEnd('dog');

console.time('dog');
// => dog: 00.00ms


// 예제 5: 없는 키값은 [Timer 'pig' does not exist]
console.time('dog');
console.timeEnd('pig');
// => [Timer 'pig' does not exist]

 

예제 코드 쓰는 순간에도 자꾸 console.log를 자동으로 쳐버려서 백스페이스를..여러번 ㅋㅋㅋㅋ

습관의 무서움 ㅠ^ㅠ