제 글이 마음에 드셨다면 커피 한 잔 사주세요 :)

---

콘솔 API는 특히 브라우저 및 Node.js 메시지 인쇄 및 다양한 정보를 콘솔로 전송하는 데 사용됩니다. ]. 하지만 콘솔 API를 올바르게 사용하기 위해서는 콘솔 API가 무엇인지 정확히 알아야 합니다.

이 글에서는

콘솔 API에 대해 설명하겠습니다. 콘솔 API는 객체입니다. 이 객체에는 키가 있으며, 콘솔 메서드를 작성할 때 콘솔 객체의 키 값에 액세스합니다.

---

이제

콘솔 API에서 로그 메소드가 작동하는 논리를 이해할 수 있도록 나만의 콘솔 개체를 코딩하여 설명하겠습니다.

const customConsole = { 로그: 함수(메시지) { const 타임스탬프 = new Date().toISOString(); const 출력 = `[${timestamp}] 로그: ${message}`; 경고(출력); // 출력 표시(실제 시나리오에서는 console.log로 대체) } }; customConsole.log("안녕하세요. 커스텀 콘솔 로그입니다!");

const customConsole = {
    log: function(message) {
        const timestamp = new Date().toISOString();
        const output = `[${timestamp}] LOG: ${message}`;
        alert(output); // Displaying the output (replace with console.log in a real scenario)
    }
};

customConsole.log("Hello, this is a custom console log!");

코드를 읽어보세요. 코드에서 볼 수 있듯이

사용자 정의 콘솔 개체를 만들고 이 개체에 대한 키를 정의했는데 이 키의 값은 함수입니다. 그런 다음 이 개체의 로그 키에 액세스했습니다.

---

결과적으로 콘솔 API에는 '로그' 메소드만 있는 것이 아닙니다. 그럼 몇 명이나 있나요? 지금 알아봅시다.

사진에서 볼 수 있듯이

콘솔 객체에는 두 개 이상의 키와 해당 키의 값이 있습니다. 이 값은 함수입니다.

콘솔 객체를 사용하여 이러한 기능에 액세스할 수 있습니다.

console.error() 콘솔.경고()

const customConsole = {
    log: function(message) {
        const timestamp = new Date().toISOString();
        const output = `[${timestamp}] LOG: ${message}`;
        alert(output); // Displaying the output (replace with console.log in a real scenario)
    }
};

customConsole.log("Hello, this is a custom console log!");

이제 이러한 기능 중 일부가 수행하는 작업을 살펴보겠습니다.

---

1. console.debug()

console.debug , 브라우저 콘솔에서 디버깅 목적으로 사용되는 JavaScript 함수입니다. 기본적으로 console.debug() 메소드의 출력은 Chrome 개발자 도구에 표시되지 않습니다.

예 :

함수 빼기(a, b) { console.debug("빼기 함수 호출:", { a, b }); const 결과 = a - b; if (결과 > 0) { console.debug("결과는 긍정적입니다."); } else if (결과 const customConsole = { log: function(message) { const timestamp = new Date().toISOString(); const output = `[${timestamp}] LOG: ${message}`; alert(output); // Displaying the output (replace with console.log in a real scenario) } }; customConsole.log("Hello, this is a custom console log!");

출력 :

console.debug() 메소드의 출력은 Chrome 개발자 도구에 표시되지 않습니다.

---

2. console.error()

JavaScript에서

오류 메시지를 콘솔에 인쇄하기 위해 사용되는 방법입니다. 오류가 발생할 때 디버깅을 용이하게 하는 데 사용됩니다. 메시지에는 빨간색 및 오류 아이콘과 같은 특수 형식이 적용될 수 있습니다.

예 :

비동기 함수 fetchData(ıd) { 노력하다 { const 응답 = 가져오기를 기다립니다(`https://jsonplaceholder.typicode.com/posts/${ıd}`); if (!response.ok) { throw new Error(`HTTP 오류! 상태: ${response.status}`); } const 데이터 = 응답을 기다립니다.json(); console.log("성공적으로 가져온 게시물 데이터:", data); 데이터를 반환합니다. } 잡기(오류) { console.error(" 오류가 데이터를 게시합니다 :", error.message); } } 페치데이터(1);

const customConsole = {
    log: function(message) {
        const timestamp = new Date().toISOString();
        const output = `[${timestamp}] LOG: ${message}`;
        alert(output); // Displaying the output (replace with console.log in a real scenario)
    }
};

customConsole.log("Hello, this is a custom console log!");

데이터를 가져오는 동안 오류가 발생하면 다음과 같이 출력됩니다.

---

3. console.warn()

JavaScript에서 잠재적인 문제나 주의가 필요한 상황을 콘솔

에 출력하기 위해 사용하는 방법입니다. 오류가 발생할 때 디버깅을 용이하게 하는 데 사용됩니다. 메시지는 노란색 및 경고 아이콘과 같은 특수 형식을 받을 수 있습니다.

예

:
if (password.length

  if (password.length 
  
  
  4. console.dir()
console.dir()
 메소드는 지정된 JavaScript 객체의 속성 목록을 표시합니다. 브라우저 콘솔에서 출력은 하위 개체의 내용을 볼 수 있는 공개 삼각형이 있는 계층적 목록으로 표시됩니다.

예
 :



상수 바구니 = {
    이름 : "티셔츠",
    가격 : 100,
    수량 : 1,
    색상 : 
,
    크기: 
const basket =  {
    name : "t-shirt",
    price : 100,
    quantity : 1,
    color : [ "blue" , "red" , "yellow"],
    size : [ "xs" , "s" , "m" , "l" , "xl"],
    total : function() {
        return this.price * this.quantity;
    }

}

console.dir(basket)




출력 : 





  
  
  5. console.dirxml()


console.dirxml() 메서드는 지정된 XML/HTML 요소의 하위 요소에 대한 대화형 트리를 표시합니다. 요소로 표시할 수 없는 경우 JavaScript 개체 보기가 대신 표시됩니다. 출력은 하위 노드의 콘텐츠를 볼 수 있는 확장 가능한 노드의 계층적 목록으로 표시됩니다.

예 :


console.dirxml(document.body);




출력 :





  
  
  6. 콘솔.assert()


console.assert() 메서드는 어설션이 거짓인 경우 콘솔에 오류 메시지를 씁니다. 주장이 참이면 아무 일도 일어나지 않습니다.

예 :


consolle.assert("a" === "f" , error message)




출력 : 





  
  
  7. 콘솔.카운트()


console.count() 메소드는 count()에 대한 특정 호출이 호출된 횟수를 기록합니다.

예 :


function greet(user) {
  console.count();
  return `hi ${user}`;
}

greet("micheal");
greet("roman");
greet();
console.count();




출력 : 





  
  
  결론


조건이 true가 아닌 경우 오류 메시지가 인쇄됩니다. 조건이 true이면 아무것도 인쇄되지 않습니다.