JavaScript로 콘솔에 인쇄

Sahil Bhosale 2023년1월30일
  1. JavaScript에서console.log()메소드를 사용하여 콘솔에 인쇄
  2. JavaScript에서console.warn()메소드를 사용하여 콘솔에 인쇄
  3. JavaScript에서console.error()메소드를 사용하여 콘솔에 인쇄
  4. JavaScript에서console.info()메소드를 사용하여 콘솔에 인쇄
JavaScript로 콘솔에 인쇄

프로그래머는 항상 버그가 적은 코드를 작성해야합니다. 그러나 버그를 찾고 코드가 어떻게 실행되는지 이해하는 과정은n줄의 코드로 작업해야 할 때 복잡합니다. 따라서이 프로세스를 더 쉽게 만들기 위해 콘솔이라는 것을 사용할 수 있습니다. 콘솔은 프로그램의 출력을 인쇄하거나 표시하는 데 사용되는 창이며 테스트 목적으로도 사용됩니다. 모든 최신 브라우저는 콘솔을 지원합니다. 개발자 도구섹션으로 이동하여 브라우저 콘솔 창을 열 수 있습니다.

콘솔에 출력 메시지를 인쇄하는 데 사용할 수있는 JavaScript 프로그래밍 언어에서 제공하는 다양한 방법이 있습니다. 이러한 모든 메서드는console개체의 도움으로 액세스 할 수 있습니다. 각 방법에는 고유 한 목적이 있으며 요구 사항에 따라 사용할 수 있습니다. 다음은 많은 개발자가 널리 사용하는 몇 가지 콘솔 방법입니다.

  1. console.log()
  2. console.warn()
  3. console.error()
  4. 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.log

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.warning

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.error

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.를 콘솔의 출력으로 사용합니다.

JavaScript console.info

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn