๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[D+28] ๋„ท์งธ ์ฃผ ํ›„๊ธฐ D+28 - ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  ๋„ท์งธ ์ฃผ ํ›„๊ธฐ - (๋„ท์งธ ์ฃผ ํ›„๊ธฐ) ๋ฉฐ์น  ์ „๊นŒ์ง€๋งŒ ํ•ด๋„ ๋‚˜๋Š” ์ฝ”๋“œ์Šคํ…Œ์ด์ธ ๋ฅผ ์‹ ์ฒญํ• ์ง€ ์—„์ฒญ ๋ง์„ค์˜€์—ˆ๊ณ , ์ง€์›ํ•˜๊ธฐ ์œ„ํ•ด ์ž๊ธฐ์†Œ๊ฐœ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ์‹œ๊ฐ„๊นŒ์ง€๋„ ๋‚ด๊ฐ€ ๊ณผ์—ฐ ์ž˜ํ•œ ์„ ํƒ์ผ๊นŒํ•˜๋Š” ์—„์ฒญ๋‚œ ๊ณ ๋ฏผ์— ๋น ์ ธ์žˆ์—ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ง€๊ธˆ์€ ์–ด๋Š๋ง ํ”„๋ฆฌ์ฝ”์Šค์˜ ๋งˆ์ง€๋ง‰ ๋‹จ๊ณ„๊นŒ์ง€ ๋งˆ์น˜๊ฒŒ ๋˜์—ˆ๊ณ , ํ˜„์žฌ๋Š” ํ”„๋ฆฌ์ฝ”์Šค์—์„œ ๋‚˜๊ฐ€์•„ ์ด๋จธ์‹œ๋ธŒ ์ฝ”์Šค๋กœ ๊ฐ€๊ธฐ ์œ„ํ•œ ๋งˆ์ง€๋ง‰ ๊ด€๋ฌธ๋งŒ ๋‚จ๊ธด ์ƒํƒœ์ด๋‹ค. ๊ฐ‘์ž๊ธฐ ๋น ๋ฅด๊ฒŒ ์ง€๋‚˜๊ฐ„ ์‹œ๊ฐ„ ๋•Œ๋ฌธ์— ์•„์ง์€ ์‹ค๊ฐ์ด ๋‚˜์ง€๋Š” ์•Š์ง€๋งŒ ํ™•์‹คํ•œ ๊ฑด ์ฒซ๋‚ ์˜ ๋‚˜์™€ ์ง€๊ธˆ์˜ ๋‚˜๋ฅผ ๋น„๊ตํ–ˆ์„ ๋•Œ ํ™•์‹คํžˆ ๋‚ด๊ฐ€ ๋ฌด์–ธ๊ฐ€๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๋ˆˆ๊ณผ ๋“ค์„ ์ˆ˜ ์žˆ๋Š” ๊ท€๊ฐ€ ์ƒ๊ฒผ๋‹ค๋Š” ๊ฒƒ์„ ์ถฉ๋ถ„ํžˆ ๋Š๋ผ๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์‹œ๊ฐ„์€ ํ—›์œผ๋กœ ๋ณด๋‚ด์ง€๋Š” ์•Š์•˜๋‹ค๋Š” ๋งˆ์Œ์— ์•ˆ์‹ฌ์ด ๋œ๋‹ค... 2020. 10. 5.
[D+24 - 27] ์ถ”์„์—ฐํœด...ใ…Ž ์ถ”์„์—ฐํœด๋™์•ˆ ๋‚ด๊ฐ€ ํ•œ๊ฑด ๊ณ ๋ฏผ๋ฟ...ใ…Žใ…Ž ๋ช…์ ˆ๋๋‚ฌ์œผ๋‹ˆ๊นŒ... ํž˜๋‚ด์ž... 2020. 9. 30.
[D+23] ๋น„๋™๊ธฐ ํ˜ธ์ถœ๊ณผ ํƒ€์ด๋จธ API D+23 - ๋น„๋™๊ธฐ ํ˜ธ์ถœ๊ณผ ํƒ€์ด๋จธ API - (feat. ๋‹ค์„ฏ ๋ฒˆ์งธ ํŽ˜์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ) ๋น„๋™๊ธฐ ํ˜ธ์ถœ ๋™๊ธฐ ํ˜ธ์ถœ๊ณผ ๋น„๋™๊ธฐ ํ˜ธ์ถœ์˜ ํŠน์ง• ๋™๊ธฐ์™€ ๋น„๋™๊ธฐ๋Š” ์ „ํ™”์™€ ๋ฌธ์ž๋ฅผ ์˜ˆ๋ฅผ ๋“ค์–ด ์„ค๋ช…์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ์ „ํ™” (๋™๊ธฐ ํ˜ธ์ถœ) ๋ฌธ์ž (๋น„๋™๊ธฐ ํ˜ธ์ถœ) ํ•˜๋˜ ์ผ์„ ๋ฉˆ์ถ”๊ณ  ๋ฐ›์•„์•ผ ํ•œ๋‹ค (blocking) ํ™•์ธ ํ›„, ๋‚˜์ค‘์— ๋‹ต์žฅ์ด ๊ฐ€๋Šฅํ•˜๋‹ค (non-blocking) ์š”์ •์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ๊ฐ€ ๋™์‹œ์— ์ผ์–ด๋‚œ๋‹ค (synchronous) ์š”์ •์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ๊ฐ€ ๋™์‹œ์— ์ผ์–ด๋‚˜์ง€ ์•Š๋Š”๋‹ค (asynchronus) ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ์˜ˆ๋ฅผ ๋“ค์–ด ์ปคํ”ผ์ฃผ๋ฌธ์„ ๋™๊ธฐ์™€ ๋น„๋™๊ธฐ ๋ฐฉ๋ฒ•์œผ๋กœ ์ฃผ๋ฌธ์„ ๋ฐ›์•˜์„ ๊ฒฝ์šฐ ๋น„๋™๊ธฐ ๋ฐฉ์‹์ด ํ›จ์”ฌ ํšจ์œจ์ ์ด๋ผ๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. Q > ๋™๊ธฐ : ์š”์ฒญ์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ๊ฐ€ ๋™์‹œ์— ์ผ์–ด๋‚œ๋‹ค. 1. ์†๋‹˜1์ด ์•„๋ฉ”๋ฆฌ์นด๋…ธ๋ฅผ ์ฃผ๋ฌธํ•œ๋‹ค. 2. ์ ‘์ˆ˜๋ฅผ ๋ฐ›์€.. 2020. 9. 29.
[D+22] Java Script ์‹ฌํ™”๊ฐœ๋… 'this' D+22 - Java Script ์‹ฌํ™” ๊ฐœ๋… 'this' - (this, 'this'๋ฅผ ๋ฐ”์ธ๋”ฉํ•˜๋Š” 5๊ฐ€์ง€ ํŒจํ„ด) this •๋ชจ๋“  ํ•จ์ˆ˜ scope ๋‚ด์—์„œ ์ž๋™์œผ๋กœ ์„ค์ •๋˜๋Š” ํŠน์ˆ˜ํ•œ ์‹๋ณ„์ž •execution context(์‹คํ–‰ ์ฝ˜ํ…์ŠคํŠธ)์˜ ๊ตฌ์„ฑ ์š”์†Œ ์ค‘ ํ•˜๋‚˜๋กœ, ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋˜๋Š” ๋™์•ˆ ์ด์šฉ ๊ฐ€๋Šฅ 'this'๋ฅผ ๋ฐ”์ธ๋”ฉํ•˜๋Š” 5๊ฐ€์ง€ ํŒจํ„ด • Global : window • Function ํ˜ธ์ถœ : window • Method ํ˜ธ์ถœ : ๋ถ€๋ชจ object • Construction mode • .call or .apply ํ˜ธ์ถœ Global & Function ํ˜ธ์ถœ var name = 'Global Variable'; console.log(this.name); // "Global Variable" function foo.. 2020. 9. 28.
[D+21] ์…‹์งธ ์ฃผ ํ›„๊ธฐ D+21 - ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  ์…‹์งธ ์ฃผ ํ›„๊ธฐ - (์…‹์งธ ์ฃผ ํ›„๊ธฐ) ์ด๋ฒˆ ์ฃผ๋Š” ์ฒซ์งธ ์ฃผ์™€ ๋‘˜์งธ ์ฃผ๋ฅผ ํฌํ•จํ•ด์„œ ์•„๋งˆ ๊ฐ€์žฅ ํž˜๋“ค์—ˆ๋˜ ์ฃผ๊ฐ€ ์•„๋‹Œ๊ฐ€ ์‹ถ๋‹ค. ์ €๋ฒˆ ์ฃผ ๊นŒ์ง€๋Š” ๋‚ด๊ฐ€ ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ ๋ถ€๋ถ„์ด๋‚˜ ํ’€์ง€ ๋ชปํ•œ ๋ฌธ์ œ๋Š” ๋ฉ”์†Œ๋“œ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๊ฑฐ๋‚˜ ์—ฌ๋Ÿฌ ๋ฒˆ ๋ฐ˜๋ณต์ ์ธ ํ•™์Šต์„ ํ†ตํ•ด ๋น„๋ก ์‹œ๊ฐ„์€ ์˜ค๋ž˜ ๊ฑธ๋ ธ์–ด๋„ ์–ด๋Š ์ •๋„ ์ดํ•ดํ•˜๊ณ  ๋‚ด ๊ฒƒ์œผ๋กœ ๋งŒ๋“œ๋Š” ๊ฑฐ์— ํฐ ๋ฌด๋ฆฌ๊ฐ€ ์—†์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ํ•˜์ง€๋งŒ ์ด๋ฒˆ ์ฃผ๋Š” ๋‹จ์ˆœํžˆ ๋‚ด๊ฐ€ ํ˜ผ์ž ๋…ธ๋ ฅํ•œ๋‹ค๊ณ  ํ•ด๊ฒฐ๋˜๋Š” ๊ฐ„๋‹จํ•œ ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ๋ชฉ์—… ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ  ๊ทธ ๋ชฉ์—… ํŽ˜์ด์ง€์— ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ณผ์ •์—์„œ ๋ฐฐ์šด ๊ฒƒ๋“ค์„ ํ™•์‹คํžˆ ์•Œ๊ณ  ์žˆ์–ด์•ผ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์—ˆ๊ธฐ์— ๋‚˜๋Š” ์ดํ•ดํ•˜๋Š”๋ฐ ์˜ค๋žœ ์‹œ๊ฐ„์ด ๊ฑธ๋ ธ์œผ๋ฉฐ (์‚ฌ์‹ค์€ ์•„์ง๋„ ์ •ํ™•ํ•˜๊ฒŒ ์ดํ•ดํ–ˆ๋Š”์ง€ ๋‚˜ ์ž์‹ ์—๊ฒŒ ์˜์‹ฌ์Šค๋Ÿฝ๋‹ค) ๊ทธ๋กœ ์ธํ•ด ๊ณผ์ œ๋ฅผ ํ•ด๊ฒฐํ•ด ๋‚˜๊ฐ€๋Š”๋ฐ ์ง€์†์ ์ธ ์–ด๋ ค์›€์„ ๊ฒช์—ˆ.. 2020. 9. 27.
[D+20] ๊ณ ์ฐจํ•จ์ˆ˜ ์ดํ•ดํ•˜๊ธฐ (with. ํŽ˜์–ด) D+20 - ๊ณ ์ฐจํ•จ์ˆ˜ ์ดํ•ดํ•˜๊ธฐ - (์ฃผ๋ง ๊ณต๋ถ€) ๋ณดํ†ต๋‚ ์˜ ์ฃผ๋ง์ด์—ˆ๋‹ค๋ฉด ์•„๋งˆ ์˜ค๋Š˜์€ ๊ฐœ์ธ์ ์œผ๋กœ ๊ถ๊ธˆํ–ˆ๋˜ ๊ฒƒ๋“ค์„ ๊ณต๋ถ€ํ•˜๊ฑฐ๋‚˜ ๋ณต์Šตํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ์„ ๊ฒƒ์ด๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ด๋ฒˆ ์ฃผ๋ง์€ ์ƒˆ๋กœ๋ฐ”๋€Œ์‹  ํŽ˜์–ด๋‹˜์ด ์ฃผ๋ง์— ํ•จ๊ป˜ ๋ชจ๋ฅด๋Š”๊ฒƒ์„ ๊ณต๋ถ€ํ•ด๋ณด๋Š”๊ฒŒ ์–ด๋–ป๊ฒ ๋ƒ๋Š” ์ œ์•ˆ์„ ํ•˜์…จ๊ณ  ๋‚˜๋Š” ์ „๋‚ ์— ํŽ˜์–ด๋ถ„๊ณผ ํ•จ๊ป˜ ๋ฌธ์ œํ‘ธ๋Š”๊ฒƒ๋„ ๋‹ค ๋๋งˆ์น˜์ง€๋„ ๋ชปํ–ˆ๊ณ  ํ˜ผ์ž ๋‚ด๊ฐ€ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค๋Š” ํŽ˜์–ด๋‹˜๊ณผ ํ•จ๊ป˜ ํ•ด๊ฒฐํ•ด ๋‚˜๊ฐ€๋Š”๊ฒŒ ์ข‹๊ฒ ๋‹ค๊ณ  ํŒ๋‹จํ•˜์˜€๊ณ  ๋‚˜๋Š” ๊ทธ ์ œ์•ˆ์„ ์ ๊ทน ๋ฐ›์•„๋“ค์—ฌ ํ•จ๊ป˜ ์ฃผ๋ง์— ๊ณต๋ถ€๋ฅผ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‚˜๋Š” ์ด์ œ ๋„ค๋น„๊ฒŒ์ดํ„ฐ ์—ญํ• ์„ ๋งก์•„ ํŽ˜์–ด๋‹˜์—๊ฒŒ ์„ค๋ช…์„ ํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋Š”๋ฐ ์ •๋ง ๊ฝค๋‚˜ ์œ ์ตํ•œ ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋˜๊ฒƒ ๊ฐ™๋‹ค. ์•„๋ฌด๋ž˜๋„ ์•„๋งˆ ๋‚ด๊ฐ€ ์ด ๋ฌธ์ œ๋“ค์„ ํ’€์—ˆ๋‹ค๋ฉด ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ถ€๋ถ„์€ ๋‹จ์ˆœํžˆ '์•„ ์ด๊ฑฐ ์ „์— ์ด๋ ‡๊ฒŒ ํ•ด์„œ ํ‹€๋ฆฌ๋‹ˆ๊น ์ด๊ฒŒ ๋งž๊ฒ ๊ตฌ๋‚˜'ํ•˜๊ณ  ์–ด๋ฆฌ์„๊ฒŒ ๋„˜๊ฒผ.. 2020. 9. 26.