[자바스크립트] console.log
console.log 자바스크립트에서 가장 기본 적인 함수
- 브라우저의 개발자 도구 콘솔에 메세지를 출력하는데 사용
- 변수의 값이나 프로그램의 특정 부분에서 발생한 이벤트 등을 확인
console.log를 사용하는 경우
- 디버깅 : 코드를 디버깅할 대 변수의 값이나 프로그램의 흐름을 추적
- 상태확인 : 프로그램이 실행 중일 때 특정 시점에서 변수의 값을 확인하거나 특정 함수가 호출되는지 확인
- 에러 추적: 오류가 발생했을 때 해당 위치나 오류 메세지를 확인하기 위해 사용
- 성능 모니터링 : 프로그램의 실행 시간이나 특정 동작에 걸린 시간을 측정하거나 성능 모니터링
1. 디버깅
2. 상태확인
이 코드 예시에서는 increaseCounter() 함수가 호출될 때마다 counter 변수의 값을 1씩 증가시킵니다. 그리고 checkState() 함수를 사용하여 counter 변수의 값을 확인합니다. 프로그램이 실행 중일 때 checkState() 함수를 호출하여 counter 변수의 값을 확인할 수 있습니다.위의 코드를 실행하면 각 호출 후에 counter 변수의 값이 증가되는 것을 확인할 수 있습니다. 이를 통해 프로그램이 실행 중일 때 변수의 값을 확인하는 상태 확인이 이루어집니다.
3. 에러 추적
이 코드 예시에서는 user 객체가 있고, greetUser() 함수가 이 객체의 name 속성을 사용하여 사용자를 인사합니다. 그러나 user 객체의 name 속성이 없는 경우 에러가 발생합니다. 이 때 console.error()를 사용하여 에러 메시지를 출력하고, trackError() 함수를 호출하여 user 객체의 상태를 확인하여 에러를 추적합니다.위의 코드를 실행하면 greetUser() 함수에서 에러가 발생하여 에러 메시지가 출력되고, trackError() 함수가 호출되어 user 객체의 상태를 확인하는 로그가 출력됩니다. 이를 통해 에러가 발생한 상황을 추적할 수 있습니다.
4.성능 모니터링
위의 코드는 performTask() 함수에서 반복 작업을 수행하고, 이 작업에 걸린 시간을 측정하여 콘솔에 출력하는 방식으로 성능을 모니터링합니다. performance.now() 메서드를 사용하여 각 동작의 시작 시간과 종료 시간을 기록하고, 그 차이를 계산하여 동작에 걸린 시간을 측정합니다. 이 값을 monitorPerformance() 함수에 전달하여 콘솔에 출력합니다.
