console.info("info");
console.debug("debug");
console.warn("warn");
console.error("error");

// 콘솔창을 보면 모두 색깔이나 스타일이 조금씩 다른 것을 확인 할 수 있다.

for (let i = 0; i < 10; i++) {
  console.assert(i % 2 === 0, `${i}은 홀수 입니다.`); // false 일 때만 출력한다.
}

for (let i = 0; i < 10; i++) {
  console.assert(i % 2 === 0, {
    number: i,
    message: "홀수만 출력 중 입니다.",
  }); // false 일 때만 출력한다.
}

main.js:10 Assertion failed: 1은 홀수 입니다.
(anonymous) @ main.js:10
main.js:10 Assertion failed: 3은 홀수 입니다.
(anonymous) @ main.js:10
main.js:10 Assertion failed: 5은 홀수 입니다.
(anonymous) @ main.js:10
main.js:10 Assertion failed: 7은 홀수 입니다.
(anonymous) @ main.js:10
main.js:10 Assertion failed: 9은 홀수 입니다.
(anonymous) @ main.js:10
main.js:14 Assertion failed: {number: 1, message: "홀수만 출력 중 입니다."}
(anonymous) @ main.js:14
main.js:14 Assertion failed: {number: 3, message: "홀수만 출력 중 입니다."}
(anonymous) @ main.js:14
main.js:14 Assertion failed: {number: 5, message: "홀수만 출력 중 입니다."}
(anonymous) @ main.js:14
main.js:14 Assertion failed: {number: 7, message: "홀수만 출력 중 입니다."}
(anonymous) @ main.js:14
main.js:14 Assertion failed: {number: 9, message: "홀수만 출력 중 입니다."}

// 콘솔 그룹핑
console.group("안녕 말자!");
console.log("hello");
console.log("malza");
console.groupEnd();

// 그룹화 되서 보여준다.
// 그룹안에 그룹 중첩 가능

console.time("작업 1");
for (let i = 0; i < 1000000000; i++) {}
console.timeEnd("작업 1");

// 작업 1: 646.38818359375 ms

// 문자열 치환
const name = "malza";
const job = "programmer";
const age = 10;
const score = { kor: 90, math: 80, eng: 70 };
console.log(
  " 내 이름은 %s, %s 이죠. %d 살 입니다. 시험 점수는 %o 입니다.",
  name,
  job,
  age,
  score
);

// 문자열 스타일링 css 와 동일
console.log(" Hello %cworld", "color:tomato");

console.log(" Hello %cworld", "color:#f00; font-weight:bold; font-size:20px;");