IT/IT 인터넷

[자바스크립트] 디버깅 로그 개발자 도구에서 확인하기

print() 2025. 2. 19. 00:44
300x250

 

코딩을 하다 보면 현재 변수의 값이 무엇인지 확인할 필요가 있습니다.

 

그럴 때 자바스크립트에서는 console.log() 함수를 이용해서 확인이 가능합니다.

 

간단한 샘플 소스

<!DOCTYPE html>
<html>
<body>

  <p>F12 를 눌려 개발자 도구를 엽니다.</p>
  <p>Console 메뉴를 클릭합니다.</p>

<script>
  var checkNum = 5;
  var checkNum2 = 3030;

  // 5 곱하기 3030 결과값이 콘솔에 찍힌다.
  console.log(checkNum * checkNum2);
</script>

</body>
</html>

 

 

F12 를 누르면 로그를 확인 할 수 있다.

 

5 곱하기 3030의 결과값이 로그에 찍힌 모습

300x250