MapleStory Cookie With Halo

โœจ UI/๐Ÿ’› JS 19

[JS]Object.entries() : ๊ฐ์ฒด ์† ๋ฐ์ดํ„ฐ ํ™•์ธํ•˜๊ธฐ

๋จผ์ € ๊ฐ์ฒด Object ๊ฐ€ ๋ญ” ์ง€ ๊ฐ„๋‹จํžˆ ๋งํ•ด๋ณด์ž๋ฉด๊ธฐ๋ณธํ˜•์„ ์ œ์™ธํ•œ ํƒ€์ž…์€ ์ฐธ์กฐํ˜•์ธ๋ฐ, ์ฐธ์กฐํ˜•์€ ๋ชจ๋‘ Object ์•„๋ž˜์— ์žˆ๋‹ค๊ณ  ๋ณด์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.๊ทธ๋ž˜์„œ ์กฐ์ƒObject๊ฐ€ ๊ฐ€์ง„ ๋ฉ”์„œ๋“œ๋“ค์„ ๋ง˜๊ป ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ฑฐ์ฃ .        Object.keys()์™€ Object.values()๋„ ์žˆ์ง€๋งŒ,๋ณดํ†ต key์™€ value ๋ชจ๋‘๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” Object.entries()ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

[JS]typeof() : ๋ณ€์ˆ˜ ํƒ€์ž… ํ™•์ธํ•˜๊ธฐ(+ ===์—„๊ฒฉํ•œ ๋™๋“ฑ์—ฐ์‚ฐ์ž)

๋จผ์ € ๋“ค์–ด๊ฐ€๊ธฐ ์ „์— ์™œ typeof()ํ•จ์ˆ˜๋กœ ๋ณ€์ˆ˜ ํƒ€์ž…์„ ํ™•์ธ ํ•˜๋Š” ์ง€ ์ ์–ด๋ณด์ž๋ฉด  JS ํด๋ฆฐ์ฝ”๋“œ ์ž‘์„ฑ๋ฒ•์œผ๋กœ== ๋Œ€์‹  ===๊ฐ€ ์‚ฌ์šฉํ•˜๊ธธ ๊ถŒ๊ณ ๋˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค  == ๋™๋“ฑ ์—ฐ์‚ฐ์ž๋Š” ์ˆซ์ž์™€ ๋ฌธ์ž์—ด ์ƒ๊ด€์—†์ด ์ผ์น˜ํ•˜๋Š” ์ง€ ํ™•์ธํ•˜์ฃ .   === ์—„๊ฒฉํ•œ ๋™๋“ฑ ์—ฐ์‚ฐ์ž๋Š” ํƒ€์ž…์ด ์ผ์น˜ํ•˜๋Š” ์ง€๋„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.→ ์—„๊ฒฉํ•˜๊ฒŒ ๋™๋“ฑํ•œ ์ง€ ํ™•์ธํ•˜๊ธฐ ์ „์— ํƒ€์ž…์„ ํ™•์ธํ•ด์•ผ ์›ํ•˜๋Š” ๋กœ์ง์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.  ์‚ฌ์šฉ๋ฒ•typeof(๋ณ€์ˆ˜๋ช…)

[JS]์Šค์ผ€์ค„๋ง ํ•จ์ˆ˜ setTimeout() ๊ณผ setInterval()

setTimeout(functionRef, delay)setTimeout(์‹คํ–‰ํ•  ํ•จ์ˆ˜, ์‹œ๊ฐ„);  : delay ์‹œ๊ฐ„ ํ›„์— ์‹คํ–‰.  ๐ŸŒŸ ์Šค์ผ€์ค„๋ง ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๋• ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋กœ ์ž‘์„ฑํ•˜๋ฉด ํŠนํžˆ ๋” ๊ฐ„๋‹จํžˆ ์ ์„์ˆ˜์žˆ์–ด์ด๋ ‡๊ฒŒ๋งŽ์ด์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.setTimeout(() => {console.log("1")}, 1000);setTimeout(() => {console.log("3")}, 3000);โ€‹   setInterval(functionRef, delay): ์ง€์ •ํ•œ ์‹œ๊ฐ„ ๊ฐ„๊ฒฉ์œผ๋กœ ๋ฐ˜๋ณต. ๐Ÿ’ก setInterval()์€ ๊ผญ ๋ณ€์ˆ˜์— ๋‹ด์•„์„œ ์‹คํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.(์ต๋ช…ํ•จ์ˆ˜)๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋ฐ˜๋ณต๋˜๋Š” ํ•จ์ˆ˜์ด๊ธฐ๋•Œ๋ฌธ์— ๋ฌดํ•œ์œผ๋กœ ๋ฐ˜๋ณตํ•ฉ๋‹ˆ๋‹ค.let interValName = setInterval(functionRef, delay);โ€‹ ?..

[JS]๋ณ€์ˆ˜ํƒ€์ž… var, let, const

๐Ÿ’ก let๊ณผ const๋ฅผ ์‚ฌ์šฉ๋˜๊ธธ ๊ถŒ๊ณ ๋˜๊ณ  ์žˆ์ง€๋งŒ ์•„์ง์€ var๋ฅผ ์‚ฌ์šฉํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ์••๋„์ ์œผ๋กœ ๋งŽ์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ JS์ฝ”๋“œ๊ฐ€ ๊ธธ์ˆ˜๋ก, var๋Š” ๋„ˆ๋ฌด๋‚˜ ์ž์œ ๋กœ์šด ๋ณ€์ˆ˜ํƒ€์ž…์ด๊ธฐ์— ์ฝ”๋“œ๋ฅผ ํ†ต์ œํ•˜๊ธฐ ์‰ฝ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.๊ทธ๋Ÿผ ์™œ ๊ทธ๋Ÿฐ์ง€ ์„ธ๊ฐ€์ง€ ๋ณ€์ˆ˜ํƒ€์ž…์˜ ์ฐจ์ด๋ฅผ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.  ์‹œ์ž‘ ์ „์— ์„ ์–ธ๊ณผ ์ดˆ๊ธฐํ™”์˜ ์ฐจ์ด๋Š”var declare;๋ณ€์ˆ˜๋ช…; ํ•˜๋Š” ๊ฒƒ์„ ์„ ์–ธ์ด๋ผ ํ•ฉ๋‹ˆ๋‹ค. declare = "์ดˆ๊ธฐํ™”";๋ณ€์ˆ˜ ์„ ์–ธ์‹œ ๊ฐ’์„ ๋Œ€์ž…ํ•˜๋Š” ๊ฒƒ์„ ์ดˆ๊ธฐํ™”๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. var declare = "์„ ์–ธ๊ณผ ์ดˆ๊ธฐํ™”๋ฅผ ๋™์‹œ์—";๋ณดํ†ต ์ด๋ ‡๊ฒŒ ์„ ์–ธ๊ณผ ์ดˆ๊ธฐํ™”๋ฅผ ๋™์‹œ์— ํ•ด์ค๋‹ˆ๋‹ค.์ด์œ ๋Š”  ์ดˆ๊ธฐํ™” ๋˜์ง€ ์•Š์€ ๋ณ€์ˆ˜๋Š”์‚ฌ์šฉ์‹œ ์˜ค๋ฅ˜๊ฐ€ ๋‚˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค   var๋ณ€์ˆ˜๋ช… ์ค‘๋ณตโญ•๋ฌธ์ œ๋Š” ๋ณ€์ˆ˜๊ฐ€ ์ค‘๋ณต๋œ ์ง€ ๋ชจ๋ฅด๋ฉด ๊ฐ’์ด ๋ฐ”๋€Œ์–ด๋ฒ„๋ฆฐ๋‹ค๋Š” ๊ฒ๋‹ˆ๋‹ค. let ๋ณ€์ˆ˜๋ช… ์ค‘๋ณต โŒ์ค‘๋ณต์‹œ ์˜ค๋ฅ˜ ๋ฐœ์ƒ..

[JS]์ดˆ๊ธฐํ™”ํ•œ ๊ฐ’์— ๋”ฐ๋ผ ๋ณ€์ˆ˜ ํƒ€์ž…์ด ์ •ํ•ด์ง‘๋‹ˆ๋‹ค

Java์™€ ๋‹ฌ๋ฆฌ ๋ณ€์ˆ˜ ํƒ€์ž…์„ ์ง€์ •ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.  ์ฒ˜์Œ์— ํƒ€์ž…์„ ์ง€์ •ํ•˜๋ฉด ๊ทธ๊ฒŒ ๋ณ€์ˆ˜์˜ ํƒ€์ž…์ด ๋ฉ๋‹ˆ๋‹ค.var๋Š” ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋ณ€์ˆ˜ ์„ ์–ธ๋ช…์ž…๋‹ˆ๋‹ค.JS์—์„œ๋Š” var๋ฅผ ๋ถ™์ด๋ฉด ๋ณ€์ˆ˜๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.(ํ˜„์žฌ๋Š” var ๋Œ€์‹  let, const๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ถ”์„ธ)  ํƒ€์ž…์„ ๋ณ€ํ™˜ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด number ํƒ€์ž…์— ""๋ฅผ ๋ถ™์—ฌ์ฃผ๊ฑฐ๋‚˜stringํƒ€์ž…์„ Number() ๋กœ ๊ฐ์‹ธ๋Š” ์‹์œผ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

JavaScript์™€ Java๋Š” ๋‹ค๋ฅธ ์–ธ์–ด์ž…๋‹ˆ๋‹ค

์ฒ˜์Œ ๊ฐœ๋ฐœ์„ ๋ฐฐ์šฐ๋ฉฐ ์ €๋ฅผ ํฌํ•จํ•œ ๋ชจ๋‘๊ฐ€ ํ˜ผ๋ž€์Šค๋Ÿฌ์›Œํ•œ ๋ถ€๋ถ„์ด์–ด์„œ ์ ์–ด๋ด…๋‹ˆ๋‹ค. ์ €๋ฅผ ๊ฐ€๋ฅด์นœ ๊ฐ•์‚ฌ๋‹˜๊ป˜์„œ ๊ทธ๋ƒฅ ์ธ๊ธฐ์žˆ๋Š” ์–ธ์–ด์ธ Java๋ฅผ ์ด๋ฆ„์— ๊ฐ€์ ธ์˜จ ๊ฑฐ๋ผ๊ณ  ํ•˜์…จ์—ˆ์Šต๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#cite_note-10 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ์œ„ํ‚ค๋ฐฑ๊ณผ, ์šฐ๋ฆฌ ๋ชจ๋‘์˜ ๋ฐฑ๊ณผ์‚ฌ์ „ ์œ„ํ‚ค๋ฐฑ๊ณผ, ์šฐ๋ฆฌ ๋ชจ๋‘์˜ ๋ฐฑ๊ณผ์‚ฌ์ „. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธJavaScriptํŒจ๋Ÿฌ๋‹ค์ž„ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํŒจ๋Ÿฌ๋‹ค์ž„: ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด, ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ (ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ), ๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ, ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ ko.wikipedia.org ์œ„ํ‚ค๋ฐฑ๊ณผ๋ฅผ ๋ณด๋ฉด ๋‘ ์–ธ์–ด ๋ชจ๋‘ C์–ธ์–ด์— ๊ธฐ๋ฐ˜์„ ๋‘๊ธฐ์— ๊ตฌ๋ฌธ์ด ๋น„์Šทํ•ด์„œ JavaScr..

[JS]array.find() ์™€ .filter()

some()๊ณผ every()๋Š” ์กฐ๊ฑด์ด ๋งž์œผ๋ฉด true, ํ‹€๋ฆฌ๋ฉด false ์ž…๋‹ˆ๋‹ค.2023.04.23 - [โœจ UI/๐Ÿ’› JavaScript] - [JS]Array.sort() .reverse()์ด์™€ ๋‹ค๋ฅด๊ฒŒ find()์™€ filter()๋Š” ์กฐ๊ฑด์— ๋งž๋Š” ๊ฐ’์„ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.    find() ์™€ filter()์˜ ์ฐจ์ด๋Š”๋‹จ๊ฑด(์ฒซ๋ฒˆ์งธ ๊ฐ’)์„ ๊ฐ€์ ธ์˜ค๋Š๋ƒ ๋‹ค๊ฑด์„ ๊ฐ€์ ธ์˜ค๋Š๋ƒ  json ๋ฐฐ์—ด์—์„œ cafe๊ฐ€ "์Šคํƒ€๋ฒ…์Šค"์ธ ๊ฐ’ ์ค‘ ์ฒซ๋ฒˆ์งธ ๊ฐ’๋งŒ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.filter()๋Š” ์ผ์น˜ํ•˜๋Š” ๊ฐ’์„ ๋ชจ๋‘ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.

[JS]๋ฐฑํ‹ฑ Backtick `

ES6๋ถ€ํ„ฐ JSํ‘œ์ค€์ด ๋œ ๋ฌธ์ž์—ด ํ‘œ๊ธฐ๋ฒ•.๋ณ€์ˆ˜์™€ ๋ฌผ์ž์—ด์„ + ์—†์ด ํ•œ๋ฒˆ์— ๊ฐ’์„ ์‚ฝ์ž…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉ๋ฒ•" ๋”ฐ์˜ดํ‘œ ๋Œ€์‹  ` ๋ฐฑํ‹ฑ์œผ๋กœ ๋ฌธ์ž์—ด์„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.๋ณ€์ˆ˜๋ฅผ ${ }์•ˆ์— ๋‹ด์Šต๋‹ˆ๋‹ค.

๋ฐ˜์‘ํ˜•