[JS] Day9 - Dev Tools Domination

Day9 - Dev Tools Domination

🎯 機能要件

🚀 学識

console.log()

// Interpolated
console.log('Hello I am a %s string!', '💩');

// Styled
console.log('%c I am some great text', 
            'font-size:50px; background:red;');

console.warn(), console.error(), console.info()

// warning
console.warn('warning');

// Error
console.error('Error');

// Info
console.info('Info');

console.assert()

console.assert(1 === '1', 'That is wrong!');

console.group()

const dogs = [{ name: 'Snickers', age: 2 },
              { name: 'hugo', age: 8 }];

dogs.forEach(dog => {
    console.groupCollapsed(`${dog.name}`);
    console.log(`This is ${dog.name}`);
    console.log(`${dog.name} is ${dog.age} years old`);
    console.groupEnd(`${dog.name}`);
});

console.time() 👍

console.time('fetching data');
fetch('https://api.github.com/users/wesbos')
  .then(data => data.json())
  .then(data => {
    console.timeEnd('fetching data');
});