๋ชฉ๋ก๐Ÿง‘๐Ÿป‍๐Ÿ’ป ๊ฐœ๋ฐœ๊ฐœ๋ฐœ/javascript (25)

DevLog

console.log(data)๋ฅผ ์ฐ์—ˆ์„ ๋•Œ data: [object Object]๋กœ ๋‚˜์˜ค๋Š” ๋ฌธ์ œ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐ์ดํ„ฐ์˜ ๋‚ด์šฉ์„ ํ™•์ธํ•˜๊ณ  ์‹ถ์–ด console.log(data)๋ฅผ ์ฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค ์ด ๋•Œ data: [object Object] ์˜ ํ˜•ํƒœ๋กœ ๊ฐ์ฒด์˜ ๋‚ด์šฉ์„ ๋ณผ ์ˆ˜ ์—†์„ ๋•Œ๊ฐ€ ์žˆ๋Š”๋ฐ Why? ๊ทธ ์ด์œ ๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ jsonํ˜•ํƒœ์˜ ๊ฐ์ฒด์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. => ๋‹ค์‹œ ์•Œ์•„๋ณด๋‹ˆ ๊ทธ ์ด์œ ๊ฐ€ ์•„๋‹ˆ์˜€๋‹ค. ์ฝ˜์†”๋กœ๊ทธ๋ฅผ ์ฐ์„ ๋•Œ ๋‹ค๋ฅธ ๋กœ๊ทธ๋“ค๊ณผ ๊ตฌ๋ถ„ํ•ด์ฃผ๊ธฐ ์œ„ํ•ด ๋ฐ์ดํ„ฐ ์•ž์— ๋ฌธ์ž("data: ")๋ฅผ ๋„ฃ์–ด์คฌ๋Š”๋ฐ console.log("data: " + data); ์—ฌ๊ธฐ์„œ ๋’ค์˜ data์™€ ์—ฐ๊ฒฐํ•ด์ฃผ๊ธฐ ์œ„ํ•ด "+"๋ฅผ ์‚ฝ์ž…ํ–ˆ๋‹ค, ์ด ๋ถ€๋ถ„์ด ๋ฌธ์ œ๊ฐ€ ๋œ ๊ฒƒ์ด๋‹ค. ๊ทธ ์ด์œ ๋Š”? ์ˆซ์ž์— ์ ์šฉ๋˜๋Š” "+" ์—ฐ์‚ฐ์ž ์˜ค๋ฅธ์ชฝ์— ์˜ค๋Š” ๊ฐ’์ด object์ธ ๊ฒฝ์šฐ์— ์ž๋™์œผ๋กœ toString()๋ฉ”์„œ๋“œ๋ฅผ ํ˜ธ์ถœ ํ•ด์ค€๋‹ค. ๊ทธ ์ด์œ ๋กœ ์˜ค๋ฅธ์ชฝ์— ์˜ค๋Š” object๊ฐ’..

์ˆซ์ž๋ผ๋ฆฌ ๋น„๊ตํ•˜๋Š” ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž (number && number, number || number)

์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ๋ฅผ ํ’€๋‹ค๊ฐ€ ์ˆซ์ž์™€ ์ˆซ์ž๋ฅผ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์ž๋กœ ๋น„๊ตํ•˜๋Š” ๊ฒƒ์„ ๋ณด์•˜๋‹ค. ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž๋ฅผ ๋ฐฐ์šธ ๋•Œ ์ˆซ์ž์™€ ์ˆซ์ž๋ฅผ ๋น„๊ตํ•˜๋Š” ๊ฒƒ์„ ๋ณธ ์ ์ด ์—†์–ด์„œ ๊ฒ€์ƒ‰์„ ํ•ด๋ดค๋Š”๋ฐ ๋”ฑํžˆ ์ ์ ˆํ•œ ๋ ˆํผ๋Ÿฐ์Šค๋ฅผ ์ฐพ์ง€ ๋ชปํ•ด ์ผ๋‹จ ์ฝ˜์†”์— ์ฐ์–ด๋ณด์•˜๋‹ค. undefined && 1 // expected result: undefined 1 && 1000 // expected result: 1000 undefined || 1 // expected result: 1 1 || 1000 // expected result: 1 ์ฝ˜์†”์— ์ฐ์–ด๋ณด๊ณ  ์ดํ•ดํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜์ž๋ฉด ์ˆซ์ž์™€ ์ˆซ์ž๋ฅผ ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž๋กœ ๋น„๊ตํ•  ๋•Œ && ์—ฐ์‚ฐ์ž : ๋‘˜ ์ค‘ ํ•˜๋‚˜๋ผ๋„ undefined ๋ผ๋ฉด undefined๋ฅผ ๋ฆฌํ„ด, ๋‘˜ ๋‹ค ์ˆซ์ž๋ผ๋ฉด ๋‘˜ ์ค‘์— ํฐ ์ˆซ์ž๋ฅผ ๋ฆฌํ„ด || ์—ฐ์‚ฐ์ž : ๋‘˜ ์ค‘ ํ•˜๋‚˜..