only console.log ๐Ÿง

minidooยท2024๋…„ 2์›” 27์ผ
0

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ / NodeJS

๋ชฉ๋ก ๋ณด๊ธฐ
27/27
post-thumbnail

console.log

์ฒซ ๋ฒˆ์งธ ์ธ์ž์— ๋„ฃ์€ ๊ฐ’์„ ํ‘œ์‹œํ•œ๋‹ค.

console.count

ํ•จ์ˆ˜๋‚˜ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋œ ํšŸ์ˆ˜๋ฅผ ๊ณ„์‚ฐํ•  ์ˆ˜ ์žˆ๋‹ค.

๋ ˆ์ด๋ธ”๊ณผ ํ•จ๊ป˜ console.count ๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ์นด์šดํ„ฐ๋ฅผ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋‹ค.

์ดˆ๊ธฐํ™” ํ•˜๋ ค๋ฉด console.countReset์„ ์‚ฌ์šฉํ•œ๋‹ค.

console.time

ํŠน์ • ์ž‘์—…์— ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„์„ ํŒŒ์•…ํ•œ๋‹ค.
์ธก์ •ํ•˜๋ ค๋Š” ์ฝ”๋“œ ์‹œ์ž‘๊ณผ ๋์— console.time๊ณผ console.timeEnd๋ฅผ ์ž‘์„ฑํ•œ๋‹ค.

์ข…๋ฃŒ ์ „ ์–ด๋Š ์‹œ์ ์—์„œ๋“  console.timeLog๋กœ ํƒ€์ด๋จธ์˜ ํ˜„์žฌ ๊ฐ’์„ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋‹ค.

๋ ˆ์ด๋ธ”๋กœ ๊ตฌ๋ถ„ํ•˜์—ฌ ์—ฌ๋Ÿฌ ๊ตฌ๊ฐ„์˜ ์‹œ๊ฐ„์„ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋‹ค.

console.assert

์ž‘์„ฑํ•˜๋Š” ์กฐ๊ฑด์ด false์ธ ๊ฒฝ์šฐ์—๋งŒ ์ฝ˜์†”์— ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€๋ฅผ ์“ด๋‹ค.

๋‘ ๋ฒˆ์งธ ์ธ์ˆ˜์— ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.

console.table

๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด๋ฅผ ํ‘œ๋กœ ํ‘œ์‹œํ•œ๋‹ค.

์„ ํƒ์  ๋งค๊ฐœ ๋ณ€์ˆ˜๋ฅผ ๊ฐ€์ ธ์™€์„œ ํ…Œ์ด๋ธ”์— ํ‘œ์‹œํ•  ์—ด์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค.
๋‘ ๋ฒˆ์งธ ์ธ์ˆ˜์— ๋ฐฐ์—ด์˜ ํ˜•ํƒœ๋กœ ์›ํ•˜๋Š” ์—ด์˜ ๋ณ€์ˆ˜๋ฅผ ์ž‘์„ฑํ•œ๋‹ค.

console.group

์ฝ˜์†” ๋ฉ”์‹œ์ง€๋ฅผ ์ ‘์„ ์ˆ˜ ์žˆ๋Š” ๊ทธ๋ฃน์œผ๋กœ ๊ตฌ์„ฑํ•œ๋‹ค.
console.group์„ ํ˜ธ์ถœํ•˜๋ฉด console.groupEnd๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ๊นŒ์ง€ ์ž๋™์œผ๋กœ ๋‹ค์Œ ๋กœ๊ทธ๋ฅผ ํ•ด๋‹น ๊ทธ๋ฃน์— ๋„ฃ๋Š”๋‹ค. (๊ธฐ๋ณธ์ ์œผ๋กœ ์—ด๋ฆฐ ์ƒํƒœ)

console.groupCollapsed๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ซํžŒ ์ƒํƒœ๋กœ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋‹ค.

console.log style

์ฒซ ๋ฒˆ์งธ ์ธ์ž์— ๋ฉ”์‹œ์ง€, ๋‘ ๋ฒˆ์งธ ์ธ์ž์— ์Šคํƒ€์ผ์„ ์ง€์ •ํ•œ๋‹ค.
๋ฉ”์‹œ์ง€์— ํฌํ•จ๋œ %c ๋’ค์— ์žˆ๋Š” ๋ฌธ์ž์— ์Šคํƒ€์ผ์ด ์ ์šฉ๋œ๋‹ค.


์ด ๊ธ€์€ ๋…ธ๋งˆ๋“œ ์ฝ”๋”์˜ '๋ฌดํ„ฑ๋Œ€๊ณ  console.log ๋งŒ ์ฐ๊ณ  ์žˆ๋‚˜์š”?' ๋ฅผ ์š”์•ฝํ–ˆ์Šต๋‹ˆ๋‹ค :)
https://youtu.be/SmKM-8Q0Egw?si=YB_hfj8UieIBwU_J

1๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2024๋…„ 3์›” 25์ผ

์•ˆ๋…•ํ•˜์„ธ์š”, vue์™€electron์œผ๋กœ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ ๋งŒ๋“ค๊ณ ์žˆ๋Š” ํ•™์ƒ์ธ๋ฐ์š”, ํ˜น์‹œ vue์™€ electron๊ด€๋ จํ•ด ์งˆ๋ฌธ์ข€ ํ•  ์ˆ˜ ์žˆ์„๊นŒ์š”??

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ