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

javascript23

function์˜ ๋‹ค๋ฅธ ํ‘œํ˜„๋“ค // 1. function() { return import('../components/Home.') } // 2. () => { return import('../components/Home.') } // 3. function() { var name = 'Elly' return import('../components/Home.') } // 4. () => { var name = 'Elly' return import('../components/Home.') } // 5. () => { import('../components/Home.') } // 6. () => import('../components/Home.') 2021. 10. 22.
๊ฐ€๋น„์ง€ ์ปฌ๋ ‰ํ„ฐ(GC) Garbage = ์ •๋ฆฌ๋˜์ง€ ์•Š์€ ๋ฉ”๋ชจ๋ฆฌ, ์œ ํšจํ•˜์ง€ ์•Š์€ ๋ฉ”๋ชจ๋ฆฌ ์ฃผ์†Œ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ ๊ธฐ๋ฒ• ์ค‘์˜ ํ•˜๋‚˜. ํ”„๋กœ๊ทธ๋žจ์ด ๋™์ ์œผ๋กœ ํ• ๋‹นํ–ˆ๋˜ ๋ฉ”๋ชจ๋ฆฌ ์˜์—ญ ์ค‘์—์„œ ํ•„์š”์—†๊ฒŒ ๋œ ์˜์—ญ์„ ํ•ด์ œํ•˜๋Š” ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. ๋Ÿฐํƒ€์ž„ ํ™˜๊ฒฝ์— ๋”ฐ๋ผ ํŠน์ • ์‹œ์ ์ด๋‚˜ ๋ฉ”๋ชจ๋ฆฌ ์‚ฌ์šฉ๋Ÿ‰์ด ํฌํ™” ์ƒํƒœ์— ์ž„๋ฐ•ํ•  ๋•Œ๋งˆ๋‹ค ์ž๋™์œผ๋กœ ์ˆ˜๊ฑฐ ๋Œ€์ƒ๋“ค์„ ์ˆ˜๊ฑฐํ•ฉ๋‹ˆ๋‹ค. ์ˆ˜๊ฑฐ๋œ ๋ฉ”๋ชจ๋ฆฌ๋Š” ๋‹ค์‹œ ์ƒˆ๋กœ์šด ๊ฐ’์„ ํ• ๋‹นํ•  ์ˆ˜ ์žˆ๋Š” ๋นˆ ๊ณต๊ฐ„์ด ๋ฉ๋‹ˆ๋‹ค. 2021. 10. 22.
[๋“œ๋ฆผ์ฝ”๋”ฉ by ์—˜๋ฆฌ] JavaScript ๊ธฐ์ดˆ ๊ฐ•์˜(2) (ES5+) 'use strict' ์‚ฌ์šฉ 'use strict'; Variable (๋ณ€์ˆ˜) - ๋ณ€๊ฒฝ๋  ์ˆ˜ ์žˆ๋Š” ๊ฐ’ - JavaScript์—์„œ๋Š” let ์œผ๋กœ ์‚ฌ์šฉํ•œ๋‹ค. (ES6์—์„œ ์ถ”๊ฐ€๋จ) ๐Ÿ”ฅ let ์ด์ „์—๋Š” var์„ ์‚ฌ์šฉํ–ˆ๋Š”๋ฐ var์˜ ์‚ฌ์šฉ์€ ์ง€์–‘ํ•œ๋‹ค! var์€ Block Scope๋„ ๋ฌด์‹œํ•œ๋‹ค. Block Scope { let name = 'yunkyung'; console.log(name); // yunkyung name = 'hello'; console.log(name); // hello } console.log(name); // ์ถœ๋ ฅ ์•ˆ๋จ ์ด๋ ‡๊ฒŒ block ์•ˆ์— ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ฒŒ ๋˜๋ฉด block ๋ฐ–์—์„œ๋Š” ์•ˆ์˜ ๋‚ด์šฉ๋“ค์„ ๋ณผ ์ˆ˜ ์—†๋‹ค. Constants - ๊ฐ€๋ฆฌํ‚ค๊ณ  ์žˆ๋Š” ํฌ์ธํ„ฐ๊ฐ€ ์ž ๊ฒจ ์žˆ๋‹ค. - ์„ ์–ธ๊ณผ ๋™์‹œ์— ํ• ๋‹น์ด.. 2021. 10. 6.
[๋“œ๋ฆผ์ฝ”๋”ฉ by ์—˜๋ฆฌ] JavaScript ๊ธฐ์ดˆ ๊ฐ•์˜(1) (ES5+) - head + defer script ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ defer ์†์„ฑ ์‚ฌ์šฉํ•˜๊ธฐ ์ด ๋ฐฉ๋ฒ•์ด ๊ฐ€์žฅ ์œ ์šฉํ•˜๋‹ค. - use strict ์ˆœ์ˆ˜ vanilla js๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์‹ค์ˆ˜ ๋ฐฉ์ง€๋ฅผ ์œ„ํ•ด use strict์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. (TypeScript ์‚ฌ์šฉํ•  ๋• ์„ ์–ธํ•  ํ•„์š” ์—†์Œ) 'use strict' console.log('Hello world'); 2021. 10. 5.
JavaScript ๊ณต๋ถ€ํ•  ๋•Œ ์ถ”์ฒœ ์‚ฌ์ดํŠธ https://developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN JavaScript(JS)๋Š” ๊ฐ€๋ฒผ์šด ์ธํ„ฐํ”„๋ฆฌํ„ฐ ๋˜๋Š” JIT ์ปดํŒŒ์ผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋กœ, ์ผ๊ธ‰ ํ•จ์ˆ˜๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์›น ํŽ˜์ด์ง€์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋กœ์„œ ์ œ์ผ ์œ ๋ช…ํ•˜์ง€๋งŒ Node.js, Apache CouchDB, Adobe Acrobat์ฒ˜๋Ÿผ ๋งŽ์€ ๋น„ ๋ธŒ๋ผ developer.mozilla.org 2021. 5. 13.
[JavaScript] ํ•จ์ˆ˜ โ–ถ ํ•จ์ˆ˜ *๊ธฐ๋ณธ ํ•จ์ˆ˜ ์ •์˜๋ฌธ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ”๋“œ๋ฅผ ์ €์žฅํ•œ ๊ฒƒ์„ 'ํ•จ์ˆ˜ ์ •์˜๋ฌธ'์ด๋ผ๊ณ  ํ•œ๋‹ค. ํ•จ์ˆ˜์—์„œ๋Š” function ํ‚ค์›Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•ด ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•œ๋‹ค. function ํ•จ์ˆ˜๋ช…() { ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ; } ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ต๋ช… ํ•จ์ˆ˜(ํ•จ์ˆ˜๋ช…์ด ์—†๋Š” ํ•จ์ˆ˜)๋ฅผ ์„ ์–ธํ•˜๊ณ  ๋ณ€์ˆ˜์— ์ฐธ์กฐํ•ด๋„ ๋œ๋‹ค. ์ฐธ์กฐ ๋ณ€์ˆ˜ = function() { ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ; } ํ•จ์ˆ˜ ์ •์˜๋ฌธ({...}) ์•ˆ์— ์ž‘์„ฑ๋œ ์ฝ”๋“œ๋Š” ์ฆ‰์‹œ ์‹คํ–‰๋˜์ง€ ์•Š๋Š”๋‹ค. ํ•จ์ˆ˜๋Š” ๋ฉ”๋ชจ๋ฆฌ์— ํ• ๋‹น๋˜์–ด ๋Œ€๊ธฐํ•˜๊ณ  ์žˆ๋‹ค๊ฐ€ ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋˜๋ฉด ์‹คํ–‰๋œ๋‹ค. ์ •์˜๋˜์–ด ์žˆ๋Š” ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๊ธฐ๋ณธํ˜•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. ํ•จ์ˆ˜๋ช…(); ๋˜๋Š” ์ฐธ์กฐ ๋ณ€์ˆ˜(); โ˜…์ผ๋ฐ˜ ํ•จ์ˆ˜ ์ •์˜๋Š” ํ•จ์ˆ˜ ํ˜ธ์ถœ ์‹œ ํ˜ธ์ด์ŠคํŒ…(hoisting) ๊ธฐ์ˆ ์„ ์ง€์›ํ•œ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ต๋ช… ํ•จ์ˆ˜ ์„ ์–ธ ์ฐธ์กฐ ๋ฐฉ์‹์€ ํ˜ธ์ด์ŠคํŒ…์„ ์ง€์›ํ•˜์ง€ ์•Š๋Š”๋‹ค... 2021. 2. 11.
๋ฐ˜์‘ํ˜•