๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

javascript5

Javascript Undefined boolean check Undefined Undefined๋Š” ์ „์—ญ ๊ฐ์ฒด์˜ ์†์„ฑ, ์ฆ‰ ์ „์—ญ ๋ฒ”์œ„์—์„œ์˜ ๋ณ€์ˆ˜์ž…๋‹ˆ๋‹ค. ์ตœ์‹  ๋ธŒ๋ผ์šฐ์ €์—์„œ undefined๋Š” ์„ค์ • ๋ถˆ๊ฐ€, ์“ฐ๊ธฐ๋ถˆ๊ฐ€ํ•œ ์†์„ฑใ…‡๋น„๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š๋”๋ผ๋„ ๋ฎ์–ด์“ฐ๋Š”๊ฑด ํ”ผํ•˜๋Š”๊ฒŒ ์ข‹์Šต๋‹ˆ๋‹ค. ๋ณ€์ˆ˜๊ฐ€ ๊ฐ’์„ ํ• ๋‹น๋ฐ›์ง€ ๋ชปํ•œ ๊ฒฝ์šฐ undefined ๋ฐ˜ํ™˜, ํ•จ์ˆ˜์˜ ๊ฐ’์„ ๋ช…์‹œ์ ์œผ๋กœ ๋ฐ˜ํ™˜ํ•˜์ง€์•Š์œผ๋ฉด undefined ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. - ์•„๋ž˜ ๋งํฌ ์ฐธ๊ณ  Undefined Check console.log(undefined === '') // false console.log(undefined !== '') // true console.log(typeof undefined) // "undefined" console.log(undefined === undefined) // true const a = {} con.. 2023. 3. 14.
Javascript ์ •๊ทœํ‘œํ˜„์‹ ํ•˜์ดํ”ˆ(-) example Javascript ์ •๊ทœํ‘œํ˜„์‹ ํ•˜์ดํ”ˆ(-) example ์ •๊ทœํ‘œํ˜„์‹์ด๋ž€ 1. ์ •๊ทœ์‹ ๋˜๋Š” ์ •๊ทœํ‘œํ˜„์‹ 2.๋ฌธ์ž์—ด์—์„œ ํŠน์ • ๋ฌธ์ž ์กฐํ•ฉ์„ ์ฐพ๊ธฐ์œ„ํ•œํŒจํ„ด 3.์ •๊ทœํ‘œํ˜„์‹๋ฆฌํ„ฐ๋Ÿด(/.../), ๊ฐ์ฒด ์ƒ์„ฑ์ž(new RegExp('...')) 1.์ •๊ทœํ‘œํ˜„์‹ ํ•˜์ดํ”ˆ(-) ์‚ฌ์—…์ž๋ฒˆํ˜ธ let string = "1234567890" // 1 string.replace(/[^0-9]/g, "") // 2 .replace(/^(\d{3})(\d{2})(\d{5})$/g, "$1-$2-$3") // 3 ์ •๊ทœํ‘œํ˜„์‹ ํ•˜์ดํ”ˆ์„ ์‚ฌ์—…์ž๋ฒˆํ˜ธ๋กœ ์ƒ์„ฑํ•  ๊ฒฝ์šฐ ์œ„ ์ฝ”๋“œ์ฒ˜๋Ÿผ ์‚ฌ์šฉ 1. ๋ฐ์ดํ„ฐ์ž…๋ ฅ 2.0~9๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€๋Š” ์—†์• ๊ธฐ 3. {3} 3์ž๋ฆฌ {2} 2์ž๋ฆฌ {5} 5์ž๋ฆฌ ํ™•์ธ ํ›„ ์ˆœ์„œ๋Œ€๋กœ ์ •๊ทœํ‘œํ˜„์‹ ํ•˜์ดํ”ˆ ์ƒ์„ฑ ์กฐ๊ธˆ ๋” ์ข‹๊ฒŒ ๋ฐ”๊ฟ”๋ณด๋ฉด 1-1.. 2022. 11. 8.
BH] Javascript - npm ์ผ๊ด„ ์—…๋ฐ์ดํŠธ BH] ์•ˆ๋…•ํ•˜์„ธ์š”. npm ์ผ๊ด„ ์—…๋ฐ์ดํŠธ ๋Œ€ํ•ด์„œ ์ ์–ด๋ณผ๊ฒŒ์š”. ํ”„๋กœ์ ํŠธ๋ฅผ ๊ด€๋ฆฌํ•˜๋‹ค ๋ณด๋ฉด package.json ํŒŒ์ผ์„ ์ ์–ด๋„ ํ•œ ๋ฒˆ์ด ์ƒ์€ ์—ด๊ฒŒ ๋  ๊ฑฐ์˜ˆ์š”. ๋ณธ์ธ์ด ์ง์ ‘ ๋งŒ๋“  ์ฝ”๋“œ๋“ค๋„ ๋งŽ๊ฒ ์ง€๋งŒ, ์‹œ๊ฐ„ ๊ด€๋ฆฌ๋ฅผ ์œ„ํ•ด์„œ ์ ์ ˆํ•˜๊ฒŒ ํŒจํ‚ค์ง€๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ์— ๋”ฐ๋ฅธ ๋ฒ„์ „ ๊ด€๋ฆฌ๋„ ์ž˜ํ•ด์ค˜์•ผ ํ•  ๊ฒƒ์œผ๋กœ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ํ•˜๋‚˜ํ•˜๋‚˜ ์˜์กด์„ฑ์ •๋ณด๋ฅผ ๋ณด๋ฉด์„œ ๊ฐ ํŒจํ‚ค์ง€๋งˆ๋‹ค ์ตœ์‹ ๋ฒ„์ „ ํ™•์ธํ•˜๊ณ  ์—…๋ฐ์ดํŠธํ•˜๊ณ ... ๋˜ ํ•˜๋‚˜ ๋ณด๊ณ  ...๋“ฑ๋“ฑ ์†”์งํžˆ ๋งค์ผ ์ด์ง“๊ฑฐ๋ฆฌ๋Š” ์•ˆํ•˜๊ฒ ์ง€๋งŒ ํ•„์š”ํ• ๋•Œ๋Š” ํ•˜๋‚˜ํ•˜๋‚˜ ์ฒดํฌํ•˜๊ธฐ๊ฐ€ ์ƒ๋‹นํžˆ ๊ท€์ฐฎ์Šต๋‹ˆ๋‹ค. ์•„๋ฌด๋ž˜๋„ ์ผ๊ด„ ์—…๋ฐ์ดํŠธ๋ฅผ ํ•  ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ์ฃ ? > npm install -g npm-check-updates > ncu -์—…๋ฐ์ดํŠธ ๋ฆฌ์ŠคํŠธ ํ™•์ธ ex) acorn ^7.1.1 → ^8.4.1 async ^3.2... 2021. 9. 6.
BH] Javascript - ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ๊ธฐ๋ณธ [BH] ์•ˆ๋…•ํ•˜์„ธ์š”. Javascript ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์— ๋Œ€ํ•ด์„œ ์ ์–ด๋ณผ๊ฒŒ์š”. ์ผ๋ฐ˜์ „์ธ ํ•จ์ˆ˜(function)์™€ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ํ™•์‹คํžˆ ๋‹ค๋ฅธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ญ๊ฐ€ ๋‹ค๋ฅผ๊นŒ์š”?.. ํ˜•ํƒœ๊ฐ€ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ํ•จ์ˆ˜ ํ‘œํ˜„์‹ let createFunc = function() { alert('create'); } ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ํ‘œํ˜„์‹ let createFunc = () => { alert('create'); } ํ™”์‚ดํ‘œ ํ•จ์ˆ˜ ์ถ•์•ฝ ๋ฐฉ์‹ let createFunc = () => alert('create') ํ™”์‚ดํ‘œ ํ•จ์ˆ˜๋Š” ๋ญ”๊ฐ€ ๊ฐ„๊ฒฐํ•ด๋ณด์ด๋Š”๊ตฐ์š”. ๋! See the Pen ํ™”์‚ดํ‘œํ•จ์ˆ˜ by junyoung (@junyunga) on CodePen. ๋˜ ๋‹ค๋ฅธ ์ฐจ์ด์ ์€ ํ™”์‚ดํ‘œ ํ•จ์ˆ˜์—๋Š” this๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. this๊ฐ€ ์—†์œผ๋‹ˆ this.A๋ฅผ ํ•ด๋„ .. 2021. 8. 20.
BH] Javascript - replace, replaceAll ๋ฌธ์ž์—ด ์น˜ํ™˜ [BH] ์•ˆ๋…•ํ•˜์„ธ์š”. Javascript ํŠน์ •๋ฌธ์ž์—ด ์น˜ํ™˜์— ๋Œ€ํ•ด์„œ ์ ์–ด๋ณผ๊ฒŒ์š”. replace ํ•จ์ˆ˜๋Š” ํŠน์ •๋ฌธ์ž๋ฅผ ์„ ํƒํ•˜์—ฌ ์น˜ํ™˜์‹œ์ผœ ์ค๋‹ˆ๋‹ค. String.replace('originValue','newValue') ๋‹จ, ๋Œ€์†Œ๋ฌธ์ž ๊ตฌ๋ณ„ํ•˜์…”์•ผ ํ•ด์š”. ์•„๋ž˜ ์†Œ์Šค ํ™•์ธ See the Pen replace by junyoung (@junyunga) on CodePen. ํŠน์ • ๋ฌธ์ž๋ฅผ ๋ฐ”๊พธ๋Š” ๊ฒƒ์ด ๊ฐ€๋Šฅํ•ด์กŒ์–ด์š”. ๊ทธ๋ ‡์ง€๋งŒ ํŠน์ •๋ฌธ์ž ํ•˜๋‚˜๋งŒ ์น˜ํ™˜์ด ๋ฉ๋‹ˆ๋‹ค. ์œ„์™€ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ์œ„ํ•ด์„œ๋Š” replaceAll ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์‹œ๋ฉด ๋ผ์š”. String.replaceAll('originValue','newValue') ์•„๋ž˜ ์†Œ์Šค ํ™•์ธ See the Pen replaceAll by junyoung (@junyunga) on CodeP.. 2021. 8. 19.
728x90
๋ฐ˜์‘ํ˜•
LIST