JavaScript (8) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [๋ด๋ณด๋ด๋ฒ] JavaScript - Function Declarations vs. Function Expressions GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ด์ฉ ์ค ๊ณต๋ถํ๊ณ ์ถ์ ์ํฐํด์ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ์์ฑํ๋ ๋ฒ์ญ๊ธ์ด๋ค. 33๊ฐ์ง ์ค ๋ ๋ฒ์งธ์ธ ๊ธฐ๋ณธํ๊ณผ ๊ด๋ จ๋ ๋ด์ฉ์ด๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ Mandeep Singh ๋์ด ์์ฑํ์ Function Declarations vs. Function Expressions ์ด๋ค. ๋ด์ฉ ์ค๊ฐ ์ค๊ฐ ๐ค.. [๋ด๋ณด๋ด๋ฒ] JavaScript - JavaScript Functions — Understanding The Basics GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ด์ฉ ์ค ๊ณต๋ถํ๊ณ ์ถ์ ์ํฐํด์ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ์์ฑํ๋ ๋ฒ์ญ๊ธ์ด๋ค. 33๊ฐ์ง ์ค ์ฌ์ฏ ๋ฒ์งธ์ธ Function Scope, Block Scope and Lexical Scope์ ๊ด๋ จ๋ ๋ด์ฉ์ด๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ Brandon Morelli ๋์ด ์์ฑํ์ JavaScript Funct.. [๋ด๋ณด๋ด๋ฒ] JavaScript - JavaScript Double Equals vs. Triple Equals GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ด์ฉ ์ค ๊ณต๋ถํ๊ณ ์ถ์ ์ํฐํด์ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ์์ฑํ๋ ๋ฒ์ญ๊ธ์ด๋ค. 33๊ฐ์ง ์ค ๋ค์ฏ ๋ฒ์งธ์ธ == vs === vs typeof์ ๊ด๋ จ๋ ๋ด์ฉ์ด๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ Brandon Morelli ๋์ด ์์ฑํ์ JavaScript — Double Equals vs. Triple Equa.. [๋ด๋ณด๋ด๋ฒ] JavaScript - Javascript Coercion Explained GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ด์ฉ ์ค ๊ณต๋ถํ๊ณ ์ถ์ ์ํฐํด์ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ์์ฑํ๋ ๋ฒ์ญ๊ธ์ด๋ค. 33๊ฐ์ง ์ค ๋ค ๋ฒ์งธ์ธ Implicit, Explicit, Nominal, Structuring and Duck Typing๊ณผ ๊ด๋ จ๋ ๋ด์ฉ์ด๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ Ben Garrison ๋์ด ์์ฑํ์ Javascrip.. [๋ด๋ณด๋ด๋ฒ] JavaScript - Explaining Value vs. Reference in Javascript GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ด์ฉ ์ค ๊ณต๋ถํ๊ณ ์ถ์ ์ํฐํด์ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ์์ฑํ๋ ๋ฒ์ญ๊ธ์ด๋ค. 33๊ฐ์ง ์ค ์ธ ๋ฒ์งธ์ธ ๊ธฐ๋ณธํ๊ณผ ์ฐธ์กฐํ(Value Types and Reference Types)์ ๊ด๋ จ๋ ๋ด์ฉ์ด๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ Arnav Aggarwal ๋์ด ์์ฑํ์ Explaining Value vs. R.. [๋ด๋ณด๋ด๋ฒ] JavaScript - The Secret Life of JavaScript Primitives GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ์ ๋ด์ฉ ์ค ๊ณต๋ถํ๊ณ ์ถ์ ์ํฐํด์ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ์์ฑํ๋ ๋ฒ์ญ๊ธ์ด๋ค. 33๊ฐ์ง ์ค ๋ ๋ฒ์งธ์ธ ๊ธฐ๋ณธํ๊ณผ ๊ด๋ จ๋ ๋ด์ฉ์ด๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ Angus Croll ๋์ด ์์ฑํ์ The Secret Life of JavaScript Primitives ์ด๋ค. ์ํฐํด ๋ด์ฉ์ ํ์ด๋ดค์ ๋ ์ ๋๋ก.. [๋ด๋ณด๋ด๋ฒ] Javascript - The Ultimate Guide to Hoisting, Scopes, and Closures in JavaScript 2021.04.06 - [JavaScript] - [๋ด๋ณด๋ด๋ฒ] Javascript: What Is The Execution Context? What Is The Call Stack? [๋ด๋ณด๋ด๋ฒ] Javascript: What Is The Execution Context? What Is The Call Stack? ์ผ๋ง ์ GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ๋ฅผ ์๊ฒ ๋์๋ค. ๋ชจ๋ ๋ช ํํ๊ฒ ์์์ผ ํ ๊ฐ๋ ๋ค์ธ๋ฐ ๋ชจ๋ฅด๋ ๊ฒ๋ ๋ง๊ณ , ์ค๋ช ํด๋ณด๋ผ๊ณ ํด๋ ๋ชปํ ๋ด์ฉ๋ค์ด ๋๋ฌด ๋ง birdmee.tistory.com ์์ ๊ธ์ ์๋์์๋ ์ธ๊ธํ๋ค์ํผ, GitHub์ ์๋ 33 Concepts Every JavaScript Dev.. [๋ด๋ณด๋ด๋ฒ] Javascript: What Is The Execution Context? What Is The Call Stack? ์ผ๋ง ์ GitHub์ ์๋ 33 Concepts Every JavaScript Developer Should Know ๋ผ๋ ๋ฆฌํฌ์งํ ๋ฆฌ๋ฅผ ์๊ฒ ๋์๋ค. ๋ชจ๋ ๋ช ํํ๊ฒ ์์์ผ ํ ๊ฐ๋ ๋ค์ธ๋ฐ ๋ชจ๋ฅด๋ ๊ฒ๋ ๋ง๊ณ , ์ค๋ช ํด๋ณด๋ผ๊ณ ํด๋ ๋ชปํ ๋ด์ฉ๋ค์ด ๋๋ฌด ๋ง์์ ์กฐ๊ธ์ฉ ๊ณต๋ถํด๋ณด๊ธฐ๋ก ํ๋ค. ๊ทธ์ค ์ฒซ ๋ฒ์งธ ํธ์ถ ์คํ๊ณผ ๊ด๋ จ๋ ๋ด์ฉ์์ ๋ช ๊ฐ์ง ์ํฐํด์ ์ฝ์ด๋ณด์๊ณ ๋ด๊ฐ ์ ๋ฆฌํ ๊ฒธ ๊ธฐ์ตํ ๊ฒธ ๋ฒ์ญ๊ธ์ ์์ฑํด๋ณด๋ ค๊ณ ํ๋ค. โป ๋ด๋ณด๋ด๋ฒ(๋ด๊ฐ ๋ณด๋ ค๊ณ ๋ด๊ฐ ๋ฒ์ญํ): ์์ด ์ ๊ณต์๋ ํด์ธ ์ ํํ๋ ์๋๊ธฐ์ ๋ฒ์ญ์๋ ์์ญ, ์ค์ญ, ๊ตฌ๊ธ ๋ฒ์ญ์ด ๋ฌด์ํ ๋ง์ ์ ์์ผ๋ฉฐ, ์คํ๋ ๋ง์ ์ ์๋ค. ์ ํํ ๋ด์ฉ์ ์๋ฌธ์ ์ง์ ์ดํด๋ณด๊ฑฐ๋ ๋ค๋ฅธ ์ ๋ณด๋ค์ ๋ ์ฐพ์๋ณด๋ ๊ฒ์ ์ถ์ฒํ๋ค. (ํ์ง๋ง ๋๊ธ ํผ๋๋ฐฑ๋ ํ์ํฉ๋๋ค๐ ) ์ด๋ฒ์ ๊ณ ๋ฅธ ์ํฐํด์ V.. ์ด์ 1 ๋ค์