댓글 검색 목록

[javascript] 11 JavaScript 콘솔 명령 설명

페이지 정보

작성자 운영자 작성일 20-12-13 11:27 조회 638 댓글 0

알아야 할 11 가지 유용한 JavaScript 콘솔 명령입니다.


1. console.log() 


첫 번째이자 가장 일반적인 명령은 console.log() 명령입니다. 메시지를 받아 결과를 콘솔에 출력합니다. 또한 JavaScript 객체, 배열-JavaScript의 모든 데이터 유형을 인쇄 할 수 있습니다. 또한 추적하기 쉽도록 결과 출력의 형식을 지정합니다.


console.log("Hello World"); // Hello World
console.log({
  name: "Sam Simon",
  age: 43,
});
console.log(["Apple", "Banana", "Orange"]);

console.log objects 


2. console.error() 


console.log() 명령은 콘솔에 오류를 기록하는 등 개발자가 수행하는 대부분의 작업에 사용됩니다. 그러나 그것에 대한 특별한 콘솔 명령이 있다는 것을 알고 있습니까? console.error() 명령입니다. 빨간색 오류 상자에 로그인 한 내용을 래핑 한다는 점을 제외하면 console.log() 명령과 매우 유사합니다.


console.error("Something is wrong");

console.error example 


3. console.info() 


이 콘솔 명령은 콘솔에 정보를 출력하는 데 특히 유용합니다. console.log()를 사용하는 대신 console.info()를 사용하여 정보를 다른 콘솔 명령과 차별화합니다.


console.info("You are awesome");

console info example 


4. console.table() 


배열을 다룰 때 일반적으로 이해하기 쉬운 구조로 표현하는 것을 좋아합니다. console.table() 명령이 이를 처리합니다.


console.table(["orange", "apple", "grape"]);

console.table() example 


5. console.assert() 


이 콘솔 명령은 평가 조건이 거짓 인 경우 콘솔에 오류 메시지를 기록합니다.


console.assert(2 > 3, "It cannot be");

console.assert example 

6. console.clear() 


이 명령은 콘솔을 지웁니다.


console.clear(); //clears the console

7. & 8. console.group() 및 console.groupEnd() 


이 두 콘솔 명령은 콘솔에서 항목을 그룹화 하는 데 유용합니다.


console.group()은 그룹을 시작하는 데 사용됩니다. 그룹은 console.groupEnd()를 만날 때까지 계속됩니다.


console group adn groupEnd exampls 


9. console.warn() 


콘솔에 경고를 기록하는 것은 쉽습니다! 그래서 console.warn 명령이 존재합니다.


console.warn("Some warning");

console warn example 


10. & 11. console.time() 및 console.timeEnd() 


작업이 완료되는 데 걸리는 시간을 측정해야 할 때가 있습니다. 이러한 상황에서 console.time() 및 console.timeEnd() 함수를 사용할 수 있습니다. console.time()을 사용하여 타이머를 시작하고 console.timeEnd()를 사용하여 타이머를 중지합니다.


console.time();

for (let i = 0; i < 4; i++) {
  console.log("number " + i);
}

console.timeEnd(); // prints time taken since the timer started

console.times example 


끝에 도달했습니다. 이 게시물이 마음에 드셨다면 공유 해주세요. 이 콘솔 명령을 가장 잘 이해하기 위해 시도해 보는 것이 좋습니다. 감사합니다 XD


이 게시물은 원래 새 블로그에 작성되었습니다.


https://josiasdev.best/11-javascript-console-commands-explained




댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.