🚀   새로운 블로그로 이전했습니다.

(JS) console.log 추가 기능

snippet: javascript
2022.09.23
1분

CSS style

console.log('%cfatfish', 'color: red;');
const getLogStyle = (code) => {
  const style = 'padding: 4px 8px;';

  if (code >= 200 && code < 300) {
    return `${style} background: #C2E0C6; color: #000000;`;
  }

  if (code >= 400 && code < 600) {
    return `${style} background: #FEF0F0; color: #FF0000;`;
  }

  return `${style} background: #FEF2C0; color: #000000;`;
};

console.log(`%c${message}`, getLogStyle(code));

console.time() & console.timeEnd()

let count = 0;

console.time();
for (let i = 0; i < 1000000000; i++) {
  count++;
}
console.timeEnd();

console.table()

array 로그를 찍어 볼 때 유용한 것 같다!

groupCollapsed

console.groupCollapsed(`%c${groupTitle}`, getLogStyle(data.code));
console.log('>>> response', response);
params && console.log('>>> params', params);

if (data.code !== 200) {
  console.log('>>> data', data);
} else {
  console.log('>>> data', data.data);
}

console.groupEnd();

글을 이전했습니다.
더 자세한 내용은 아래 링크를 참고 해주세요!

https://bepyan.me/post/js-beautiful-console