브라우저 개발자 도구

// 기본 — 레벨별 로그
console.log("일반 정보");       // 회색
console.warn("경고");           // 노란색
console.error("에러");          // 빨간색

// 객체를 테이블로 보기
const users = [
  { name: "Kim", age: 25 },
  { name: "Lee", age: 30 },
];
console.table(users);
// 깔끔한 표 형태로 출력!

// 그룹으로 묶기
console.group("API 호출");
console.log("URL: /api/users");
console.log("Status: 200");
console.groupEnd();

// 실행 시간 측정
console.time("API");
await fetch("/api/data");
console.timeEnd("API");
// API: 142.3ms

// 조건부 로그 — 조건이 false일 때만
console.assert(user !== null, "user가 null입니다!");

// 객체의 현재 상태 복사 (참조 문제 방지)
console.log(JSON.parse(JSON.stringify(state)));