[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. [D+19] ๊ณ ์ฐจํจ์ D+19 - ๊ณ ์ฐจํจ์ - (์ผ๊ธ๊ฐ์ฒด์ ํน์ง, ๊ณ ์ฐจํจ์, ๊ณ ์ฐจํจ์์ ์ข ๋ฅ) ์ผ๊ธ๊ฐ์ฒด ์๋ฐ์คํฌ๋ฆฝํธ์์ ํน๋ณํ ๋์ฐ๋ฅผ ๋ฐ๋ ๋ ์์ผ๋ก ์ผ๊ธ๊ฐ์ฒด์์ ์๊ตฌํ๋ 3๊ฐ์ง ์กฐ๊ฑด์ ์ถฉ์กฑํ์์์ ์ผ๊ธ๊ฐ์ฒด๋ผ๊ณ ๋งํ ์ ์๋ค. 1 ) ๋ณ์์ ํ ๋นํ ์ ์๋ค. const sum = function (num) { return num + num; }; output = sum(5); console.log(output); // 10 ์ฐ๋ฆฌ๋ ํจ์ํํ์์ผ๋ก ํจ์๋ฅผ ์ ์ธํ์๋ ๋ณ์์ ํจ์๋ฅผ ์ ์ฅํ ์ ์๋ค๋ ๊ฒ์ ์ด๋์ ๋ ์๊ณ ์๋ค. ์ด์ฒ๋ผ ํจ์๋ ๋ณ์์ ํ ๋นํ๋ ๊ฒ์ ๋ค๋ฅธํจ์์ ์ธ์๋ก ์ ๋ฌ๋๊ฑฐ๋ ์ฝ๋์ ์์น๊ฐ ์ด๋ ์ ๋ ์์ธก์ด ๊ฐ๋ฅํ๋ค. 2 ) ๋ค๋ฅธํจ์์ ์ธ์๋ก ์ ๋ฌ๋ ์ ์๋ค. function showText(e) { //show text.. 2020. 9. 25. ์ด์ 1 ยทยทยท 28 29 30 31 32 33 34 ยทยทยท 36 ๋ค์