JavaScript로 콘솔에 인쇄
-
JavaScript에서
console.log()
메소드를 사용하여 콘솔에 인쇄 -
JavaScript에서
console.warn()
메소드를 사용하여 콘솔에 인쇄 -
JavaScript에서
console.error()
메소드를 사용하여 콘솔에 인쇄 -
JavaScript에서
console.info()
메소드를 사용하여 콘솔에 인쇄
프로그래머는 항상 버그가 적은 코드를 작성해야합니다. 그러나 버그를 찾고 코드가 어떻게 실행되는지 이해하는 과정은n
줄의 코드로 작업해야 할 때 복잡합니다. 따라서이 프로세스를 더 쉽게 만들기 위해 콘솔이라는 것을 사용할 수 있습니다. 콘솔은 프로그램의 출력을 인쇄하거나 표시하는 데 사용되는 창이며 테스트 목적으로도 사용됩니다. 모든 최신 브라우저는 콘솔을 지원합니다. 개발자 도구
섹션으로 이동하여 브라우저 콘솔 창을 열 수 있습니다.
콘솔에 출력 메시지를 인쇄하는 데 사용할 수있는 JavaScript 프로그래밍 언어에서 제공하는 다양한 방법이 있습니다. 이러한 모든 메서드는console
개체의 도움으로 액세스 할 수 있습니다. 각 방법에는 고유 한 목적이 있으며 요구 사항에 따라 사용할 수 있습니다. 다음은 많은 개발자가 널리 사용하는 몇 가지 콘솔 방법입니다.
console.log()
console.warn()
console.error()
console.info()
각 방법을 사용하여 콘솔에 메시지를 자세히 인쇄하는 방법을 이해하겠습니다. 아래 프로그램의 출력을 볼 수 있도록 콘솔 창이 열려 있는지 확인하십시오 (그렇지 않은 경우 F12를 누르거나개발자 도구
로 이동).
JavaScript에서console.log()
메소드를 사용하여 콘솔에 인쇄
JavaScript에서 가장 널리 사용되고 널리 사용되는 콘솔 방법입니다. 이 방법은 일반적으로 콘솔에서 또는 코드를 디버깅하는 동안 다양한 메시지 또는 계산 결과를 인쇄하는 데 사용됩니다.
두 개의 숫자를 추가하는 코드를 작성했으며 이제 콘솔 창에이 작업의 결과를 표시하려고합니다. 이 경우console.log()
메소드를 사용할 수 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var num_1 = 2, num_2 = 3;
console.log(num_1 + num_2);
</script>
</body>
</html>
이것은 콘솔 창에서 어떻게 보일 것입니다.
JavaScript에서console.warn()
메소드를 사용하여 콘솔에 인쇄
콘솔에 경고를 인쇄하려면이 방법을 사용할 수 있습니다. 사용자가 특정 작업을 수행하지 못하도록하는 경우가있을 수 있습니다. 그런 다음console.warn()
메소드를 사용할 수 있습니다. 예를 들어, 사용자의 체중을 추적하는 응용 프로그램을 만들고 있으며, 사용자의 체중이 100 이상으로 증가하면console.warn()
메소드를 사용하여운동을하고 건강 해지십시오
라는 경고를 콘솔에 표시합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var weight = Math.random() * (110-95) + 95;
if(Math.floor(weight) < 100){
console.warn("Do exercise and be healthy");
}
</script>
</body>
</html>
위 코드의 출력 :
JavaScript에서console.error()
메소드를 사용하여 콘솔에 인쇄
콘솔에 오류를 발생시키고 싶을 때마다console.error()
메소드를 사용할 수 있습니다. 예를 들어,0
에서5
사이의 난수를 생성하는 코드를 작성합니다. 이제 생성 된 난수가 0 일 때 콘솔에 오류 메시지를 던지고 싶을 때console.error()
메소드를 사용할 수 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
var min =0, max = 5;
var num = Math.random() * (max - min) + min;
if(Math.floor(num) === 0){
console.error("We don't accept zeros...");
}
</script>
</body>
</html>
위의 코드를 실행하면 콘솔 창에 출력이 표시됩니다.
JavaScript에서console.info()
메소드를 사용하여 콘솔에 인쇄
콘솔 창에 정보 메시지를 표시하는 데 사용됩니다. 사용자에게 날씨 업데이트를 제공하고 현재 날씨를 기반으로 유용한 제안이나 정보를 제공하는 웹 애플리케이션을 만드는 경우. 이러한 종류의 제안은console.info()
메소드를 사용하여 정보 메시지로 콘솔 창에 표시 할 수 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<script>
console.info("The weather looks rainy today, you should take an umbrella with you.");
</script>
</body>
</html>
위의 코드는 The weather looks rainy today, you should take an umbrella with you.
를 콘솔의 출력으로 사용합니다.