[JS] Console.log 포맷팅하기 (formatting console output)

웹 브라우저에서 console.log 의 %c 를 사용해서 CSS 를 적용할 수 있습니다.

C 의 printf 에서 파라미터를 넘겨주는 것과 같은데요. 다른 옵션들도 같이 보겠습니다.

`%s`    string 값으로 출력합니다.
`%i` or `%d`    integer 값으로 출력합니다.
`%f`    float 값으로 출력합니다.
`%o`    확장할 수 있는 DOM 요소를 출력합니다.
`%O`    확장할 수 있는 JavaScript Object를 출력합니다.
`%c`    2번째 파라미터에 적용된 CSS를 텍스트에 적용합니다.

console.log("%s is %i", "Pie", 3.1415926535);
// Pie is 3
console.log("%s is %f", "Pie", 3.1415926535);
// Pie is 3.1415926535

console.log("%c CSS text", "color: blue; font-size: 13px");
// Check out in the browser console

댓글 남기기